@charset "utf-8";

/*==================================================

ベース

==================================================*/
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
	color: #0d0d0d;
	font-family: var(--font-sans-serif);
	font-size: 1.6rem;
	-webkit-font-smoothing: antialiased;
/*	font-feature-settings: "palt";*/
	letter-spacing: .04em;
  overflow-x: hidden;
}
body.menu-open{
	overflow: hidden;
}
html.menu-open{
	overflow: hidden;
}
@font-face {
  font-family: "DIN";
  src: url("../fonts/dinbold-webfont.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
  font-weight: 700;
}
@font-face {
  font-family: "AvantGardeDemi";
  src: url("../fonts/AvantGardeDemi.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 500;
}

/*========= font family関数指定 ==========*/
:root {
	--font-sans-serif: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
	--font-en: "AvantGardeDemi", sans-serif;
	--font-din: "DIN", Arial, sans-serif; 
}
/*===================*/


img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
a {
	color: #0d0d0d;
	text-decoration: none;
	cursor: pointer;
}
/* フェードイン */
.js-inview {
	opacity: 0;
	transition: opacity .8s;
}
.js-inview.is-show {
	opacity: 1;
}

/* アンカー
--------------------------------------------------*/
.m-anchor,
[id]{
  position: relative;
}
/* PC */
@media print,only screen and (min-width: 768px){
  .m-anchor,
  [id]{
    scroll-margin-top: 13rem;
  }
}

/* SP */
@media screen and (max-width: 767px){
 .m-anchor,
  [id]{
    scroll-margin-top: 5rem;
  }
}

/*==================================================

全ページ共通

==================================================*/
/* PC */
@media print, screen and (min-width: 768px) {
	html {
		font-size: 10px;
	}
	body {
    background: url("../images/shared/bg.jpg") 0 0 repeat-y;
    background-size: 100% auto;
	}
	.sp {
		display: none!important;
	}
	a:hover {
		text-decoration: underline;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	html {
		font-size: 1.33vw;/*750*/
	}
	body {
    background: url("../images/shared/bg-sp.jpg") 0 0 repeat-y;
    background-size: 100% auto;
	}
	.pc {
		display: none!important;
	}
}

/* form リセット
--------------------------------------------------*/
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
input[type="checkbox"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*==================================================

ヘッダー

==================================================*/

/* レイアウト 
--------------------------------------------------*/
.l-header img{
  width: 100%;
}
.l-header a{
	text-decoration: none;
	display: block;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
	.l-header{
    background-color: #fff;
    border-bottom: 1px #e5e5e5 solid;
    width: 100%;
    height: 10rem;
		padding: 0 3rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
	}
	.l-header__logo{
		width: 23.2rem;
		position:absolute;
		top:2.6rem;
		left:3.2rem;
	}
	.l-header__logo img{
		width: 100%;
	}
}

/* グローバルナビ
--------------------------------------------------*/
.l-header__menus{
  background-color: #609803;
  display: none;
}
.nav-global__itemIn{
  color: #fff;
  font-weight: bold;
  border-bottom: 1px #b0cc81 dashed;
  position: relative;
 }
.nav-global__itemIn:before{
  content: "";
  background-color: #a1c41e;
  border-radius: 50%;
  position: absolute;
 }
.nav-global__icon{
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  transition: transform .3s ease;
}
.nav-global__icon:before{
  content: "";
  background: url("../images/shared/arrow-down.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto;
  display: block;
  transition: transform .3s ease;
}
.-open .nav-global__icon{
  transform: rotate(-180deg);
}
.nav-globalIn__itemIn{
  color: #fff;
  font-weight: 500;
  position: relative;
}
.nav-globalInIn__itemIn{
  color: #fff;
  position: relative;
 }
.nav-globalInIn__itemIn:before{
  content: "−";
  color: #a1c41e;
  position: absolute;
 }

/* PC */
@media print,only screen and (min-width: 768px){ 
  .l-header__menus{
    position:absolute;
    top:10rem;
    left:0;
    right: 0;
    padding: 0 3rem 0 3rem;
  }
  .nav-global{
    max-width: 110rem;
    display: flex;
    flex-wrap: wrap;
    gap:0 4rem;
    margin: 3rem auto 6rem auto;
  }
  .nav-global a:hover{
    text-decoration: underline;
  }
  .nav-global__item{
    width: calc( ( 100% / 3 ) - 2.667rem );
    margin-bottom: 1.8rem;
  }
  .nav-global__itemIn{
    font-size: 1.7rem;
    padding: 1.8rem 3.5rem 1.8rem 2.4rem;
   }
  .nav-global__itemIn:before{
    width: 0.5rem;
    height: 0.5rem;
    top: 1.6em;
    left: 0.7rem;
   }
  .nav-global__icon{
    width: 5rem;
  }
  .nav-global__icon:before{
    background-size: 100% auto;
    width: 1.6rem;
    height: 2rem;
  }
  .nav-globalIn{
    margin: 1rem 0 1rem 0;
    display: none;
  }
  .nav-globalIn__itemIn{
    font-size: 1.6rem;
    padding: 0.4rem 0 0.4rem 3.4rem;
  }
  .nav-globalInIn{
    margin: 0.6rem 0;
   }
  .nav-globalInIn__itemIn{
    padding: 0.3rem 0 0.3rem 6.6rem;
   }
  .nav-globalInIn__itemIn:before{
    width: 0.2rem;
    height: 0.2rem;
    top: 0.1em;
    left: 4.8rem;
   }
}

/* SP */
@media screen and (max-width: 767px){
  .l-header__menus{
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
    height: calc(100vh - 15rem);
    position:fixed;
    bottom:15rem;
    left:0;
    right: 0;
  }
  .l-header__menusIn{
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 15rem);
    height: fit-content;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5rem 3.5rem 6rem 3.5rem;
  }
  .nav-global__itemIn{
    margin-bottom: 2.7rem;
   }
  .nav-global__itemIn{
    font-size: 3.2rem;
    padding: 2.4rem 3.5rem 2.4rem 3.9rem;
    position: relative;
   }
  .nav-global__itemIn:before{
    width: 0.9rem;
    height: 0.9rem;
    top: 1.25em;
    left: 1.2rem;
   }
  .nav-global__icon{
    width: 7.8rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
  }
  .nav-global__icon:before{
    content: "";
    width: 2.8rem;
    height: 2.8rem;
    background: url("../images/shared/arrow-down.png") center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    display: block;
    transition: transform .3s ease;
    transform-origin: center center;
  }
  .nav-globalIn{
    margin: 1rem 0 1rem 0;
    display: none;
  }
  .nav-globalIn__itemIn{
    font-size: 2.8rem;
    padding: 2rem 0 2rem 7.5rem;
  }
  .nav-globalInIn{
    margin: 1rem 0 1rem 0;
   }
  .nav-globalInIn__itemIn{
    font-size: 2.8rem;
    padding: 1.5rem 0 1.5rem 13.2rem;
   }
  .nav-globalInIn__itemIn:before{
    width: 0.4rem;
    height: 0.4rem;
    top: 0.5em;
    left: 9.8rem;
   }
}

/* ヘッダーナビ
--------------------------------------------------*/
/* PC */
@media print,only screen and (min-width: 768px){ 
  .nav-header{
    position:absolute;
    bottom:2rem;
    right:10rem;
    display: flex;
    justify-content: flex-end;
  }
  .nav-header__itemIn{
    font-size: 1.7rem;
    font-weight: bold;
    padding: 1.7rem 2rem 1.7rem 2rem;
    position: relative;
    display: block;
    /* background-position: 3rem center; */
    background-repeat: no-repeat;
    transition: color .3s ease;
  }
  .nav-header__itemIn:hover{
    color: #678902;
  }
  .nav-header__itemIn:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px #d9d9d9 dashed;
    display: block;
  }
  /* .nav-header__item:first-child .nav-header__itemIn{
    background-image: url("../images/shared/icon-campas.svg");
    background-position: 3rem 0.75em;
    background-size: 2.7rem auto;
  } */
  .nav-header__item:nth-child(5) .nav-header__itemIn{
    background-image: url("../images/shared/icon-document.svg");
    background-size: 2.1rem auto;
    background-position: 2.6rem center;
    padding-left: 6rem;
  }
  .nav-header__item:nth-child(6) .nav-header__itemIn{
    background-image: url("../images/shared/icon-exam.svg");
    background-size: 2.6rem auto;
    background-position: 2.4rem center;
    padding-left: 6rem;
  }
}
@media (min-width: 768px) and (max-width: 1260px) {
  .nav-header {
    bottom: 1rem;
    flex-wrap: wrap;
    width: 62rem;
    gap: 1rem 0;
  }
  .nav-header__itemIn {
    min-width: 15rem;
    padding: .5rem 2rem;
    font-size: 1.5rem;
    text-align: center;
  }
  .nav-header__item:nth-child(5) .nav-header__itemIn {
    background-size: 1.9rem auto;
    background-position: 2.8rem center;
    padding-left: 5rem;
  }
  .nav-header__item:nth-child(6) .nav-header__itemIn {
    background-size: 2.2rem auto;
    background-position: 2.6rem center;
    padding-left: 5rem;
  }
}
@media (min-width: 768px) and (max-width: 1060px) {
	.l-header__logo{
		width: 18rem;
		position:absolute;
		top:2rem;
		left:2.5rem;
	}
  .nav-globalIn__itemIn{
    padding: 0.4rem 0 0.4rem 3rem;
  }
  .nav-globalIn__itemIn:before{
    left: 1.3rem;
   }
  .nav-globalInIn__itemIn{
    padding: 0.2rem 0 0.2rem 5rem;
   }
  .nav-globalInIn__itemIn:before{
    left: 3.6rem;
   }
}

@media (min-width: 768px) and (max-width: 950px) {
  .nav-header {
    width: 45rem;
    max-width: unset;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .l-header__logo{
    height: 12rem;
    border-bottom: 1px #e5e5e5 solid;
    background-color: #fff;
    text-align: center;
    padding-top: 3rem;
    box-sizing: border-box;
  }
  .l-header__logo img{
    width: 30.5rem;
  }
  .nav-header{
    background: linear-gradient(-60deg,rgba(95, 171, 2, 1) 0%, rgba(129, 176, 1, 1) 100%);
    height: 15rem;
    position: fixed;
    bottom: 0;
    left: 0;
    padding-left: 30.8rem;
    right: 0;
    display: flex;
    justify-content: flex-start;
    z-index: 100;
  }
  .nav-header__item{
    width: 14.8rem;
  }
  .nav-header__itemIn{
    height: 100%;
    font-size: 2rem;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 1rem;
    position: relative;
    display: block;
    background-repeat: no-repeat;
  }
  .nav-header__itemIn:before{
    content: "";
    position: absolute;
    width: 1px;
    background-color: rgba(255,255,255,0.5);
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
  }
  .nav-header__item:nth-child(5) .nav-header__itemIn{
    background-image: url("../images/shared/icon-document-white.svg");
    background-position: center 3rem;
    background-size: 3.5rem auto;
    padding-top: 10rem;
  }
  .nav-header__item:nth-child(6) .nav-header__itemIn{
    background-image: url("../images/shared/icon-exam-white.svg");
    background-position: center 3.2rem;
    background-size:4.5rem auto;
    padding-top: 10rem;
  }
}

/* ハンバーガー
--------------------------------------------------*/

.l-header__menus{
  display: none;
  z-index: 99;
}
.m-hamburger{
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 100;
}
.m-hamburger__lines{
  height: 30%;
  width:45%;
  margin: 20% auto 14% auto;
  position: relative;
}
.m-hamburger__lines>div{
  background-color: #fff;
  width:100%;
  height:2px;
  transition: transform .3s ease, opacity .3s ease;
  position: absolute;
  left:0;
  top:50%;
}
.m-hamburger__lines>div:first-child{
  transform: translateY(-700%);
}
.m-hamburger__lines>div:nth-child(2){
  width: 77.8%;
}
.m-hamburger__lines>div:last-child{
  width: 55.6%;
  transform: translateY(700%);
}
.menu-open .m-hamburger__lines>div:first-child{
  transform: rotate(225deg);
}
.menu-open .m-hamburger__lines>div:nth-child(2){
  transform: translateX(-50%);
  opacity: 0;
}
.menu-open .m-hamburger__lines>div:last-child{
  width: 100%;
  transform: rotate(-225deg);
}
.m-hamburger__text{
  width:100%;
  margin: 0 auto;
  text-align: center;
}
.m-hamburger__text:before{
  content: "MENU";
  color: #fff;
  font-family: var(--font-en);
  letter-spacing: .1em;
  line-height: 1;
}
.menu-open .m-hamburger__text:before{
  content: "CLOSE";
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .m-hamburger{
    background: linear-gradient(150deg,rgba(111, 164, 2, 1) 0%, #609803 100%);
    width: 10rem;
    height: 10rem;
    top: 0;
  }
  .m-hamburger__text:before{
    font-size: 1.6rem;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .l-header__menus{
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: calc( 100vh - 15rem );
  }
  .m-hamburger{
    position: fixed;
    width: 14.8rem;
    height: 15rem;
    bottom: 0;
  }
  .m-hamburger__lines{
    margin: 22% auto 15% auto;
  }
  .m-hamburger__lines>div{
    height:5%;
  }
  .m-hamburger__lines>div:first-child{
    transform: translateY(-900%);
  }
  .m-hamburger__lines>div:nth-child(2){
    width: 86.7%;
  }
  .m-hamburger__lines>div:last-child{
    width: 73.4%;
    transform: translateY(900%);
  }
  .m-hamburger__text:before{
    font-size: 2rem;
  }
}

/* SP学科メニュー
--------------------------------------------------*/
/* SP */
@media screen and (max-width: 767px){
  .m-deptmenu__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 30.8rem;
    height: 15rem;
    border-right: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    font-size: 3.2rem;
    z-index: 110;
  }
  .m-deptmenu__menus {
    display: none;
    position: fixed;
    bottom: 15rem;
    left: 0;
    right: 0;
    background-color: #609803;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: calc(100vh - 15rem);
    z-index: 200;
  }
  .m-deptmenu__menusIn {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 15rem);
    height: fit-content;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5rem 3.5rem 3rem 3.5rem;
  }
}

/*==================================================

フッター

==================================================*/

/* フッター1
--------------------------------------------------*/
footer{
  position: relative;
  z-index: 5;
}
.l-footer__logo img{
  width: 100%;
}
.l-footer01{
  background-color: #363581;
}
.l-footer__address{
  color: #fff;
  font-weight: 500;
}
.nav-footer01__itemIn{
  position: relative;
  color: #fff;
  font-weight: 500;
  display: block;
}
.nav-footer01__itemIn:before {
  background-color: #7372a7;
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  display: block;
  position: absolute;
  left: 0;
}
.l-footer__address a{
  color: #fff;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .l-footer01{
    padding: 2.5rem 2rem;
    margin-top: 12.5rem;
  }
  .l-footer01__inner,
  .l-footer02__inner{
    max-width: 108rem;
    margin: 0 auto;
  }
  .l-footer01__inner{
    display: flex;
    justify-content: space-between;
  }
  .l-footer__texts{
    width: 56%;
    display: flex;
    justify-content: space-between;
    margin-top: 1.7rem;
  }
  .l-footer__address a{
    pointer-events: none;
    color: inherit;
    text-decoration: none;
  }
  .l-footer__logo{
    width: 20rem;
    margin-bottom: 1.5rem;
  }
  .l-footer__address{
    width: calc( 100% - 23rem );
    font-size: 1.6rem;
    line-height: 1.875;
  }
  .nav-footer01{
    width: 42%;  
  }
  .nav-footer01__itemIn{
    font-size: 1.6rem;
    padding: 0.8rem 0 0.8rem 2rem;
  }
  .nav-footer01__itemIn:before {
    width: 0.9rem;
    height: 1rem;
    top: 0.85em;
  }
}

@media (min-width: 768px) and (max-width: 1055px) {
  .l-footer__texts{
    width: 32.5rem;  
    display: block;
  }
  .l-footer__address{
    width: 100%;
  }
  .nav-footer01{
    width: calc( 100% - 34rem );  
  }
}

/* SP */
@media screen and (max-width: 767px){
  .l-footer01{
    padding: 7rem 3.5rem 6rem 3.5rem;
    margin-top: 18rem;
  }
  .l-footer__texts{
    margin-bottom: 4.5rem;
  }
  .l-footer__logo{
    width: 36rem;
    margin: 0 auto 4rem auto;
  }
  .l-footer__address{
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.9;
  }
  .nav-footer01__itemIn{
    font-size: 2.5rem;
    padding: 1.5rem 0 1.5rem 2.5rem;
  }
  .nav-footer01__itemIn:before {
    width: 1.6rem;
    height: 1.6rem;
    top: 0.95em;
  }
}

/* フッター2
--------------------------------------------------*/
.l-footer02{
  background-color: #1d50a2;
}
.nav-footer02{
  display: flex;
  flex-wrap: wrap;
}
.nav-footer02__itemIn{
  position: relative;
  color: #fff;
  font-weight: 500;
  display: block;
}
.nav-footer02__itemIn:before {
  background-color: #6185be;
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  display: block;
  position: absolute;
  left: 0;
  margin: auto;
}

/* PC */
@media print,only screen and (min-width: 768px){
  .l-footer02{
    padding: 1.2rem 1rem;
  }
  .nav-footer02{
    justify-content: center;
  }
  .nav-footer02__itemIn{
    font-size: 1.4rem;
    padding: 0.3rem 2.6rem 0.3rem 1.5rem;
  }
  .nav-footer02__itemIn:before {
    width: 0.9rem;
    height: 1rem;
    top: 0.5em;
  } 
}

/* SP */
@media screen and (max-width: 767px){
  .l-footer02{
    padding: 3rem 3.5rem;
  }
  .nav-footer02__item{
    width: 50%;
  }
  .nav-footer02__itemIn{
    font-size: 2.5rem;
    line-height: 1.6;
    padding: 1.5rem 0 1.5rem 3.2rem;
  }
  .nav-footer02__itemIn:before {
    width: 1.6rem;
    height: 1.6rem;
    top: 0.9em;
  } 
}
/* フッター3
--------------------------------------------------*/
.l-footer03{
  background-color: #fff;
  text-align: center;
  color: #595959;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .l-footer03{
    font-size: 1.4rem;
    padding: 2.5rem 3rem 1.8rem 3rem;
  }
}

/* SP */
@media screen and (max-width: 767px){
  .l-footer03{
    font-size: 2.4rem;
    padding: 3rem 3rem 4rem 3rem;
    margin-bottom: 15rem;
  }
}

/* ページトップ
--------------------------------------------------*/
.l-footer__pagetop {
  background: #fff;
  position: fixed;
  z-index: 98;
  cursor: pointer;
  border-radius: 50%;
  border: 1px #a6a6a6 solid;
}
.l-footer__pagetop:before {
  background-color: #a6a6a6;
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-90deg);
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .l-footer__pagetop {
    width: 6rem;
    height: 6rem;
    bottom: 3rem;
    right: 3.3rem;
    transition: background-color .3s ease;
  }
  .l-footer__pagetop:before {
    width: 1.5rem;
    height: 1.8rem;
    top: -0.5rem;
    transition: background-color .3s ease;
  }
  .l-footer__pagetop:hover {
    background: #a6a6a6;
  }
  .l-footer__pagetop:hover:before {
    background-color: #fff;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .l-footer__pagetop {
    width: 8rem;
    height: 8rem;
    bottom: 25.5rem;
    right: 2rem;
  }
  .l-footer__pagetop:before {
    width: 2.2rem;
    height: 2.5rem;
    top: -0.5rem;
  }
}

/*==================================================

セカンド共通

==================================================*/

/* レイアウト
--------------------------------------------------*/
.l-main > *:last-child {
  margin-bottom: 0;
}
.l-content{
  position: relative;
}

/* PC */
@media print,only screen and (min-width: 768px){	
	.l-content{
		max-width: 117rem;
		font-size: 1.6rem;
	  line-height: 1.875;
		padding: 0 3rem;
		margin: 0 auto;		
    box-sizing: content-box;
		display: flex;
		justify-content: space-between;
	}
  .l-sidebar{
		width: 21.37%;	
    order: 1;
	}
	.l-main{
    width: calc( 100% - 30rem );
    order: 2;
	}	
}

/* SP */
@media screen and (max-width: 767px){
	.l-content{
		font-size: 2.6rem;
    line-height: 1.9;
	}
	.l-main{
    margin: 0 3.5rem;
	}	
}

/* ページタイトル
--------------------------------------------------*/
.m-pageTitle{
  position: relative;
}
.m-pageTitle__image{
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 260 / 97;
}
.m-pageTitle img{
  width: 100%;
}
.m-pageTitle__item{
  background: linear-gradient(0deg, rgba(91, 154, 3, 1) 0%, rgba(109, 171, 3, 1) 100%);
  color: #fff;
	font-weight: bold;	
  box-sizing: border-box;
  position: absolute;
  left: 0;
  z-index: 10;
}
.-orange .m-pageTitle__item{
  background: #dbb23c;
}
.-yellow .m-pageTitle__item{
  background: #d3cd44;
}
.-blue .m-pageTitle__item{
  background: #54a8dc;
}
.-pink .m-pageTitle__item{
  background: #e7918f;
}
.m-pageTitle__bg{	
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .m-pageTitle{
    margin: 10rem 0 8rem 0;
    padding-bottom: 1.688vw;
  }
  .m-pageTitle__item{
    width: 43.08%;
    max-width: 56rem;
    border-radius: 0 10rem 10rem 0;
    font-size: 3.6rem;
    padding: 1.8rem 3.5rem 1.8rem 3.5rem;
/*    bottom: calc( 2vw - 4.5rem );*/
    bottom: calc(8vw - 12rem);
  }
  .m-pageTitle__item.-wide {
    max-width: 60rem;
  }
  .m-pageTitle__item span{
    font-size: 2.4rem;
  }
  .m-pageTitle__bg{	
    bottom: -10rem;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {   
  .m-pageTitle__bg {
      bottom: -5.5rem;
  }
  .m-pageTitle__item{
    bottom: 2.5rem;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .m-pageTitle{
    padding-bottom: 13.5rem;
  }
  .m-pageTitle__item{
    width: 56rem;
    border-radius: 0 10rem 10rem 0;
    font-size: 4rem;
    padding: 1.8rem 3.5rem 1.7rem 3.5rem;
    bottom: 11.5rem;
  }
  .m-pageTitle__item.-wide {
    width: 66rem;
  }
  .m-pageTitle__item span{
    font-size: 2.6rem;
  }
}


/* ぱんくず
--------------------------------------------------*/
.m-bread{
  position: absolute;
  text-align: right;
}
.m-bread li{
  color: #6c8f03;
  font-weight: 500;
}
.m-bread a{
  color: #0d0d0d;
}
.m-bread li{
  position: relative;
}
.m-bread li:before{
  content: "";
  background: url("../images/shared/arrow-bread.svg") center center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  position: relative;
}
.m-bread li:first-child:before{
  content:none;
}

/* PC */
@media print,only screen and (min-width: 768px){
  .m-bread{
    top: 30.5vw;
    right: 9rem;
  }
  .m-bread li{
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }
  .m-bread a:hover{
    color: #6c8f03;
    text-decoration: underline;
  }
  .m-bread li:before{
    width: 1.2rem;
    height: 0.8rem;
    margin-right: 0.7rem;
    top: -0.2rem;
  }	
}

@media (min-width: 768px) and (max-width: 1110px) {
  .m-pageTitle__item{
    width: 95%;
  }
}

@media (min-width: 768px) and (max-width: 890px) {
  .m-pageTitle__item{
    width: 85%;
    font-size: 3rem;
    padding: 1.8rem 3rem 1.8rem 3rem;
    bottom: 1rem;
  }
  .m-bread{
    right: 3rem;
  }
}

/* SP */
@media screen and (max-width: 767px){
  .m-bread{
    top: 27.5rem;
    right: 3.5rem;
  }
  .m-bread li{
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }
  .m-bread li:before{
    width: 1.7rem;
    height: 1.2rem;
    margin-right: 1rem;
    top: -0.2rem;
  }		
}

/*==================================================

トップページ

==================================================*/
/* メイン
--------------------------------------------------*/
.home-cover img{
  width: 100%;
}
.home-cover{
  position: relative;
}
.home-cover__list{
  display: flex;
  flex-wrap: wrap;
  position: absolute;
}
.home-cover__listItem{
  color: #fff;
  font-weight: bold;
  border-radius: 100rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-cover__listItem:first-child{
  background-color: #6ba520;
}
.home-cover__listItem:nth-child(2){
  background-color: #348f03;
}
.home-cover__listItem:nth-child(3){
  background-color: #58ab2b;
}
.home-cover__listItem:nth-child(4){
  background-color: #53870a;
}
.home-cover__listItem:nth-child(5){
  background-color: #348f03;
}
.home-cover__listItem:nth-child(6){
  background-color: #6ba520;
}
.home-cover__text{
  color: #fff;
  font-weight: bold;
  position: absolute;
  text-align: center;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
	.home-cover{
		height: 60rem;
		margin:10rem 0 16rem 10rem;
	}
	.home-cover__slide{
		width: 100%;
		height: 60rem;
    overflow: hidden;
	}
	.home-cover__slideItem img{
    height: 60rem;
    object-fit: cover;
	}
  .home-cover__list{
    width: 28rem;
    gap:1.8rem;
    left: -3.5rem;
    top: 14.5rem;
  }
  .home-cover__listItem{
    width: 13rem;
    height: 7rem;
    font-size: 3.2rem;
  }
  .home-cover__listItem:first-child{
    width: 7rem;
  }
  .home-cover__listItem:nth-child(2){
    width: 19rem;
  }
  .home-cover__text{
    background: linear-gradient(0deg,rgba(109, 171, 3, 1) 0%, rgba(91, 154, 3, 1) 100%);
    font-size: 4rem;
    right: 20rem;
    left: 20rem;
    bottom: -4rem;
    padding: 1rem 3rem;
  }
}

/* SP */
@media screen and (max-width: 767px){	
	.home-cover{
		height: 70rem;
		margin:0 0 18rem 0;
	}
	.home-cover__slide{
		height: 70rem;
    width: 100%;
    overflow: hidden;
	}
	.home-cover__slideItem img{
		height: 70rem;
	}
  .home-cover__list{
    width: 28rem;
    gap:1.9rem;
    right: 3.6rem;
    bottom: -3.4rem;
  }
  .home-cover__listItem{
    width: 13rem;
    height: 7rem;
    font-size: 3.2rem;
  }
  .home-cover__listItem:first-child{
    width: 7rem;
  }
  .home-cover__listItem:nth-child(2){
    width: 19rem;
  }
  .home-cover__text{
    height: 10rem;
    background: linear-gradient(0deg,rgba(109, 171, 3, 0.8) 0%, rgba(91, 154, 3, 0.8) 100%);
    font-size: 3.8rem;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    padding: 2.3rem 3rem;
    margin: auto 0;
  }
}

/* イベント・入試情報
--------------------------------------------------*/
.home-information img{
  width: 100%;
}
.home-information:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
}
.home-information__title{
  position: relative;
}
.home-information__slideItem img{
  border-radius: 0.7rem;
  overflow: hidden;
}
.home-information__text{
  font-weight: bold;
}
.home-information .home-button{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* PC */
@media print,only screen and (min-width: 768px){ 
  .home-information{
    position: relative;
    display: flex;
    padding: 0 7rem 8rem 4.8rem;
    margin-bottom: 16rem;
  }
  .home-information:before{
    background: url("../images/home/event-bg.jpg") center center no-repeat;
    background-size: cover;
    top: 1.2rem;
    right: 14rem;
    left: 1rem;
    border-radius: 0.7rem;
  }
  .home-information__title{
    width: 8.6rem;
  }
  .home-information__slide{
    width: calc( 100% - 10rem );
  }
  .home-information__slideItem{
    margin: 0 2rem;
  }
  .home-information__slideItemIn{
    transition: color .3s ease;
  }
  .home-information__slideItemIn img{
    border-radius: 2%;
    transition: opacity .3s ease;
  }
  .home-information__slideItemIn:hover{
    color: #678902;
    text-decoration: none;
  }
  .home-information__slideItemIn:hover img{
    opacity: 0.8;
  }
  .home-information__text{
    font-size: 2rem;
    line-height: 1.8;
    margin-top: 1rem;
  }
  .home-information .slick-prev{
    display: none!important;
  }
  .home-information .slick-next{
    width: 6rem;
    height: 6rem;
    background:#fff url("../images/shared/arrow-green.svg") center center no-repeat;
    background-size: 2.6rem auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -7rem;
    margin: auto 0;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    text-indent: -9999px;
  }
  .home-information .home-button{
    max-width: 47rem;
    bottom: -3.3rem;
  }
}

/* SP */
@media screen and (max-width: 767px){
  .home-information{
    position: relative;
    padding: 9rem 0 12rem 0;
    margin-bottom: 19rem;
  }
  .home-information:before{
    background: url("../images/home/event-bg-sp.jpg") center center no-repeat;
    background-size: cover;
    top: 0;
    right: 2rem;
    border-radius: 0 1rem 1rem 0;
  }
  .home-information__title{
    width: 40.5rem;
    position: absolute;
    left: 3.5rem;
    top: -5.3rem;
  }
  .home-information__slideItem{
    margin: 0 2rem;
  }
  .home-information__slideItemIn img{
    border-radius: 2rem;
  }
  .home-information__text{
    font-size: 3rem;
    line-height: 1.33;
    margin-top: 3rem;
  }
  .home-information .home-button{
    width: 68rem;
    bottom: -5rem;
  }
}

/* button
--------------------------------------------------*/
.home-button{
  background: linear-gradient(90deg,rgba(91, 154, 3, 1) 0%, rgba(109, 171, 3, 1) 100%);
  position: relative;
  border-radius: 0.5rem;
}
.home-button:after{
  content: "";
  background-color: rgba(105,134,20,0.2);
  position: absolute;
  display: block;
}
.home-button__item{
  background: url("../images/shared/arrow.svg") right 2rem center no-repeat;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
  position: relative;
}
.home-buttons .home-button:last-child{
  margin-bottom: 0;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .home-buttons{
    display: flex;
    gap:0 3rem;
    margin-bottom: 8rem;
  }
  .home-buttons .home-button{
    width: calc( 50% - 1.5rem );
  }
  .home-button:before{
    content: "";
    position: absolute;
    inset:0;
    border-radius: 0.5rem;
    opacity: 0;
    transition: opacity .3s ease;
    background: linear-gradient(90deg,rgba(109, 171, 3, 1) 0%, rgba(91, 154, 3, 1) 100%);
  }
  .home-button:hover:before{
    opacity: 1;
  }
  .home-button__item:hover{
    text-decoration: none;
  }
  .home-button:after{
    height: 0.4rem;
    left: 0.9rem;
    right: 0.9rem;
    bottom: -0.4rem;
    border-radius: 0 0 0.5rem 0.5rem;
  }
  .home-button__item{
    background-size: 1.8rem auto;
    font-size: 2rem;
    padding: 2rem 3.5rem;
  }
}

@media (min-width: 768px) and (max-width: 1350px) {
  .home-buttons{
    display: block;
  }
  .home-buttons .home-button{
    max-width: 48rem;
    width: 100%;
    margin: 0 auto 3rem auto;
  }
}
@media (min-width: 768px) and (max-width: 950px) {
  .home-buttons .home-button__item{
    font-size: 1.8rem;
  }
  .home-buttons .home-button{
    max-width: 48rem;
    width: 100%;
    margin: 0 auto 3rem auto;
  }
}

/* SP */
@media screen and (max-width: 767px){
  .home-button{
    border-radius: 0.8rem;
  }
  .home-button:after{
    height: 0.5rem;
    left: 1rem;
    right: 1rem;
    bottom: -0.5rem;
    border-radius: 0 0 1rem 1rem;
  }
  .home-button__item{
    background-position: right 2.8rem center;
    background-size: 2.7rem auto;
    font-size: 3rem;
    padding: 2.6rem 5.5rem;
  }
  .home-buttons{
    margin-bottom: 10.5rem;
  }
  .home-buttons .home-button{
    margin-bottom: 6rem;
  }
}
	
/* menu pc
--------------------------------------------------*/
/* PC */
@media print,only screen and (min-width: 768px){ 
  .home-content{
    padding:0 9rem 0 5.5rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: flex-start;
  }
  .m-menu{
    width: 24rem;
    position: sticky;
    top: 15rem;
  }
  .m-menu__title{
/*
    color: #6c8f03;
    font-family: var(--font-en);
    font-size: 2.6rem;
    font-weight: 600;
    border-bottom: 3px #6c8f03 solid;
    position: relative;
    padding-bottom: 0.7rem;
*/
    margin-bottom: 2rem;
  }
  .m-menu__title:before{
/*
    content: "";
    background-color: #a1c41e;
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: -1rem;
    bottom: -0.55rem;
*/
  }
  .home-right{
    width: calc( 100% - 30rem );
  }
  .m-menu__second{
    padding-bottom: 0.3rem;
    margin:-1.2rem 0 0.9rem 0;
    display: none;
    position: relative;
  }
  .m-menu__third{
    margin: -0.5rem 0 0.6rem 0;
    position: relative;
    display: none;
  }
  .m-menu__listItem.-open .m-menu__second {
    display: block;
  }
  .m-menu__secondItem.-open .m-menu__third{
    display: block;
  }
  .m-menu__listInIn,
  .m-menu__secondIn{
    font-size: 1.6rem;
    font-weight: bold;
    position: relative;
    padding: 0.8rem 0 0.8rem 2.6rem;
    margin-bottom: 1rem;
    display: block;
    transition: color .3s ease;
  }
  .m-menu__secondIn{
    font-weight: 500;
    padding: 0rem 0 0rem 4.7rem;
    line-height: 1.5;
  }
  .m-menu__thirdIn{
    display: block;
    font-weight: 500;
    padding: 0rem 2rem 0rem 4.7rem;
    line-height: 1.5;
  }
  .m-menu__listInIn span{
    position: relative;
    z-index: 5;
  }
  .m-menu__listInIn:hover,  
  .m-menu__secondIn:hover,
  .m-menu__listItem.-current .m-menu__listInIn,  
  .m-menu__secondItem.-current .m-menu__secondIn,  
  .m-menu__thirdItem.-current .m-menu__thirdIn{
    color: #6c8f03;
    text-decoration: none;
  }
  .m-menu__listInIn:after,  
  .m-menu__secondIn:after{
    content: "";
    background-color: #fff;
    border-radius: 0.5rem;
    position: absolute;
    inset:0;
    opacity: 0;
    transition: opacity .3s ease;
  } 
  .m-menu__thirdIn{
    position: relative;
    padding-left: 6rem;
  } 
  .m-menu__thirdIn:before{
    background-color: #678902;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 0.35em;
    left: 4.7rem;
  }
  .m-menu__secondIn:after{
    background-color: transparent;
  }
  .m-menu__listInIn:hover:after,  
  .-current .m-menu__listInIn:after,
  .m-menu__secondIn:hover:after,  
  .-current .m-menu__secondIn:after{
    opacity: 1;
  }
  .-current .m-menu__list{
    display: block;
  }
  .m-menu__listItem.-open{
    background-color: #fff;
    border-radius: 0.5rem;
  }
  .m-menu__listInIn:before,  
  .m-menu__secondIn:before{
    content: "";
    background-color: #a1c41e;
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 1.2rem;
    top: 1.19em;
    z-index: 5;
  }
  .m-menu__secondIn:before{
    left: 3.3rem;
    top: 0.5em;
  }
  .-sub .m-menu__listInIn{
    padding-top: 0.4rem;
  }
  .-sub .m-menu__listInIn:before{
    top: 2.51em;
  }
  .top-content .m-menu__listInIn:before{
    top: 1.05em;
  }
  .top-content .m-menu__secondIn:before{
    top: 0.5em;
  }
  .top-content .-sub .m-menu__listInIn:before{
    top: 2.05em;
  }
  .m-menu__listSub{
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 0.1rem;
  }
}

/* SP */
@media screen and (max-width: 767px){
}

/* ぜんぶワンキャンパス
--------------------------------------------------*/
.home-about img{
  width: 100%;
}
.home-about__image{
  overflow: hidden;
}
.home-about__icon{
  display: flex;
  justify-content: flex-start;
}
.home-about__iconItem{
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
}
.home-about__iconItem:after{
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: rotate(90deg);
  display: block;
}
.home-about__iconItem:first-child,
.home-about__iconItem:first-child:after{
  background-color: #6c8f02;
}
.home-about__iconItem:nth-child(2),
.home-about__iconItem:nth-child(2):after{
  background-color: #e2b100;
}
.home-about__iconItem:nth-child(3),
.home-about__iconItem:nth-child(3):after{
  background-color: #1f82b4;
}
.home-about__iconItem:nth-child(4),
.home-about__iconItem:nth-child(4):after{
  background-color: #f48b8c;
}
.home-about__iconItem:nth-child(5),
.home-about__iconItem:nth-child(5):after{
  background-color: #8170ae;
}
.home-about__title{
  font-weight: bold;
}
.center-section{
  background-color: #fff;
  border-radius: 1rem;
  padding: 3rem 3rem 5rem 3rem;
  margin-top: 7.5rem;
}
.center-section .m-buttons,
.center-section .m-button{
  margin:3rem 0 0 0;
}
.center-section .m-title02{
  margin-top: 0;
}

/* PC */
@media print,only screen and (min-width: 768px){  
  .home-about__banner{
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 8rem;
  }
  .home-about__bannerItem{
    transition: opacity .3s ease;
  }
  .home-about__bannerItem:hover{
    opacity: 0.8;  
  }
  .home-about__item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 6rem;
  }
  .home-about__texts{
    width: 45%;
  }
  .home-about__image{
    width: 51.2%;
    border-radius: 3.5%;
  }
  .home-about__icon{
    gap:0 1rem;
    margin-bottom: 2rem;
  }
  .home-about__iconItem{
    width: 7rem;
    height: 7rem;
    font-size: 1.6rem;
  }
  .home-about__iconItem:after{
    width: 0.9rem;
    height: 0.8rem;
    bottom: -0.7rem;
  }
  .home-about__title{
    font-size: 3.6rem;
    letter-spacing: .055em;
    margin-bottom: 2rem;
  }
  .home-about__text{
    font-size:1.6rem;
    line-height: 2;
  }
  .home-about__slide{
    margin: 0 -9rem 7rem 0;
  }
  .home-about__slideItem{
    margin: 0 1rem;  
    overflow: hidden;
  }
  .home-about__slideItem a {
    transition: opacity .3s ease;
  }
  .home-about__slideItem a:hover {
    opacity: .8;
  }
  .home-about__slideItem img{
    height: 29rem!important;
    border-radius: 1.3rem;
  }
  .home-about__slideItem.__square {
    width: 15rem;
  }
  .home-about__slideItem.__square img {
    height: 15rem !important;
  }
  .home-about__slideItem.__square img + img {
    margin-top: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 1290px) {
  .home-about__item{
    display: block;
    justify-content: space-between;
  }
  .home-about__texts{
    width: 100%;
    margin-bottom: 2rem;
  }
  .home-about__image{
    width: 100%;
  }
}

/* SP */
@media screen and (max-width: 767px){  
  .home-about{
    padding: 0 3.5rem;
    margin-bottom: 18rem;
  }
  .home-about__banner{
    border-radius: 1rem;
    overflow: hidden;
    width: 100%;
    margin-bottom: 8rem;
  }
  .home-about__item{
    margin-bottom: 8rem;
  }
  .home-about__texts{
    margin-bottom: 7rem;
  }
  .home-about__image{
    border-radius: 1.3rem;
  }
  .home-about__icon{
    justify-content: space-between;
    margin-bottom: 3rem;
  }
  .home-about__iconItem{
    width: 12.2rem;
    height: 12.2rem;
    font-size: 2.8rem;
  }
  .home-about__iconItem:after{
    width: 1.5rem;
    height: 1.4rem;
    bottom: -1.4rem;
  }
  .home-about__title{
    font-size: 6.3rem;
    letter-spacing: .055em;
    margin-bottom: 3.5rem;
  }
  .home-about__text{
    font-size:2.6rem;
    line-height: 1.923;
  }
  .home-about__slide{
    margin: 0 -3.5rem 13.5rem -3.5rem;
  }
  .home-about__slideItem{
    margin: 0 1.5rem;  
  }
  .home-about__slideItem img{
    height: 48rem!important;
    border-radius: 1.3rem;
  }
  .home-about__slideItem.__square {
    width: 22.5rem;
  }
  .home-about__slideItem.__square img {
    height: 22.5rem !important;
  }
  .home-about__slideItem.__square img + img {
    margin-top: 3rem;
  }
}
	
/* NEWS & TOPICS
--------------------------------------------------*/
.m-news img{
  width: 100%;
}
.m-news{	
  position: relative;
}
.m-news__title{	
  font-family: var(--font-en);
  font-weight: 600;
  position: relative;
}
.m-news__title:after{	
  content: "";
  background-color: #6c8f03;
  position: absolute;
  height: 0.3rem;
  left: 1.2rem;
  right: 0;
  bottom: 0;
  display: block;
}
.m-news__title:before{
  content: "";
  background-color: #a1c41e;
  width: 0.8rem;
  height: 0.8rem;
  left: 0;
  display: block;
  border-radius: 50%;
  position: absolute;
}
.m-news__item{	
  position: relative;
}
.m-news__image{	
  overflow: hidden;
  width: 100%;
}
.m-news__image img{	
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 153 / 108;
}
.m-news__icon{	
  background-color: #6c8f03;
  text-align: center;
  border-radius: 10rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.m-news__icon.-orange{	
  background-color: #dbb23c;
}
.m-news__icon.-yellow{	
  background-color: #d3cd44;
}
.m-news__icon.-blue{	
  background-color: #54a8dc;
}
.m-news__icon.-pink{	
  background-color: #e7918f;
}
.m-news__icon.-deepgreen{	
  background-color: #6f7d45;
}
.m-news__iconIn{	
  color: #fff;
  font-weight: bold;
  display: block;
}
.m-news__time{	
  color: #666;
  font-family: var(--font-din);
  font-weight: 700;
  text-align: center;
  display: block;
}
.m-news__textIn{	
  font-weight: 500;
  display: block;
}
.m-news__textInIn{	
  overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.m-news__category{
  font-weight: bold;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .m-news{	
    border-bottom: 1px #bfbfbf dashed;
    padding-bottom: 10rem;
    margin-bottom: 17.5rem;
  }
  .m-news.-newslist{	
    border-bottom: none;
    padding-bottom: 0;
    margin:6.5rem 0 5rem 0;
  }
  .m-news .home-button{	
    max-width: 47rem;
    position: absolute;
    bottom: -3.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .m-news__title{	
    padding:0 0 2.8rem 1rem;
    margin-bottom: 6rem;
  }
  .m-news__title img{	
    width: 27.6rem;
  }
  .m-news__title:before{
    bottom: -0.3rem;
  }
  .m-news__items{	
    display: flex;
    flex-wrap: wrap;
    gap:5.2rem 4rem;
  }
  .m-news__item{	
    width: calc( ( 100% / 3 ) - 2.667rem );
    position: relative;
  }
  .m-news__imageIcon{	
    position: relative;
    margin-bottom: 3.5rem;
  }
  .m-news__image{	
    border-radius: 5%;
    transition: opacity .3s ease;
  }
  .m-news__image:hover{
    opacity: 0.8;
  }
  .m-news__icon{	
    max-width: 17rem;
    bottom: -1.7rem;
    transition: all .3s ease;
  }
  .m-news__icon:hover{	
    background-color: #5f7e03;
  }
  .m-news__icon.-orange:hover{	
    background-color: #d5aa2d;
  }
  .m-news__icon.-yellow:hover{	
    background-color: #c4be34;
  }
  .m-news__icon.-blue:hover{	
    background-color: #389ad7;
  }
  .m-news__icon.-pink:hover{	
    background-color: #e37c7a;
  }
  .m-news__icon.-deepgreen:hover{	
    background-color: #66743a;
  }
  .m-news__iconIn{	
    padding: 0.5rem 0.7rem;
    font-size: 1.6rem;
    transition: opacity .3s ease;
  }
  .m-news__iconIn:hover{
    text-decoration: none;
  }
  .m-news__time{	
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
  .m-news__textIn{	
    font-size: 1.6rem;
    line-height: 1.625;
    font-weight: 500;
    border-bottom: 1px #bfbfbf dashed;
    padding-bottom: 2.1rem;
    margin-bottom: 1.4rem;
  }
  .m-news__textIn:hover{	
    color: #6c8f03;
  }
  .m-news__category{	
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) and (max-width: 1140px) {
  .m-news__item{	
    width: calc( 50% - 2rem );
  }
}

/* SP */
@media screen and (max-width: 767px){
  .m-news{	
    padding: 0 3.5rem;
    margin-bottom: 14.5rem;
  }
  .m-news.-newslist{	
    padding: 0;
    margin-top: -4.5rem;
  }
  .m-news__title{	
    padding:0 0 2.8rem 1rem;
    margin-bottom: 6rem;
  }
  .m-news__title img{	
    width: 46.3rem;
  }
  .m-news__title:before{
    bottom: -0.3rem;
  }
  .m-news__items{	
    margin-bottom: 8rem;
  }
  .m-news__item{	
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 5rem 0;
    border-bottom: 1px #bfbfbf dashed;
  }
  .m-news__imageIcon{	
    width: 26rem;
  }
  .m-news__image{	
    border-radius: 5%;
    transition: opacity .3s ease;
  }
  .m-news__image:hover{
    opacity: 0.8;
  }
  .m-news__icon{	
    max-width: 21rem;
    top: 5rem;
    left: 10.5rem;
  }
  .m-news__iconIn{	
    padding: 0.5rem 0.7rem;
    font-size: 2.2rem;
  }
  .m-news__texts{	
    width: 39rem;
  }
  .m-news__time{	
    font-size: 2.6rem;
    text-align: right;
    margin-bottom: 3.8rem;
    position: relative;
    top: 0.3rem;
  }
  .m-news__textIn{	
    font-size: 2.6rem;
    line-height: 1.538;
    font-weight: 500;
    padding-bottom: 2.1rem;
    margin-bottom: 1.4rem;
  }
  .m-news__category{	
    font-size: 2.4rem;
  }
}

/* 世界を舞台に農学の新たな可能性を探索する人を育てる
--------------------------------------------------*/
.home-faculty img{
  width: 100%;
}
.home-faculty__text{
  font-weight: bold;
}
.home-faculty__image {
  position: relative;
}
.home-faculty__image p {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 0;
  left: 0;
  background: #fff;
  color: #678902;
  font-weight: bold;
}
/* PC */
@media print,only screen and (min-width: 768px){ 
  .home-faculty__image{
    border-radius: 1rem 0 0 1rem;
    margin:0 -9rem 6rem 0;
    overflow: hidden;
  }
  .home-faculty__image img {
    object-fit: cover;
    min-height: 40rem;
  }
  .home-faculty__image p {
    min-width: 43rem;
    min-height: 20rem;
    padding: 1rem 4rem;
    border-radius: 0 1rem 0 0;
    line-height: 1.441;
    font-size: 3.4rem;
  }
  .home-faculty__item{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 9rem;
  }
  .home-faculty__text{
    width: 47.5%;
    font-size: 1.6rem;
    line-height: 2;
  }
  .home-faculty .home-button{
    width: 47.5%;
  }
}

@media (min-width: 768px) and (max-width: 1030px) {
  .home-faculty__item{
    display: block;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 9rem;
  }
  .home-faculty__text{
    width: 100%;
  }
  .home-faculty .home-button{
    width: auto;
    margin: 3rem auto 0 auto;
  }
}

/* SP */
@media screen and (max-width: 767px){	 
  .home-faculty{
    overflow: hidden;
    padding: 0 3.5rem;
  }
  .home-faculty__image{
    border-radius: 1rem 0 0 1rem;
    margin:0 -9rem 6rem 0;
    overflow: hidden;
    margin:0 -3.5rem 7rem 0;
  }
  .home-faculty__image p {
    min-width: 63.6rem;
    min-height: 27rem;
    padding: 1rem 3rem;
    border-radius: 0 1rem 0 0;
    line-height: 1.34;
    font-size: 5.2rem;
  }
  .home-faculty__item{
    margin-bottom: 10.5rem;
  }
  .home-faculty__text{
    font-size: 2.6rem;
    line-height: 1.769;
    margin-bottom: 7rem;
    text-align: center;
  }
}

/* 
--------------------------------------------------*/
.home-course img{
  width: 100%;
}
.home-course__image{
  overflow: hidden;
}
.home-course__title{	
  font-family: var(--font-en);
  font-weight: 400;
  font-weight: bold;
  position: relative;
}
.home-course__title:after{	
  content: "";
  height: 0.3rem;
  position: absolute;
  left: 1.2rem;
  right: 0;
  bottom: 0;
  display: block;
}
.home-course__title:before{
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 0;
  bottom: -0.2rem;
}
.home-course__item.-orange .home-course__title:after{	
  background-color: #dbb23c;
}
.home-course__item.-orange .home-course__title:before{
  background-color: #f0d075;
}
.home-course__item.-green .home-course__title:after{	
  background-color: #d3cd44;
}
.home-course__item.-green .home-course__title:before{
  background-color: #e9e470;
}
.home-course__item.-blue .home-course__title:after{	
  background-color: #54a8dc;
}
.home-course__item.-blue .home-course__title:before{
  background-color: #8ec9ee;
}
.home-course__item.-pink .home-course__title:after{	
  background-color: #e7918f;
}
.home-course__item.-pink .home-course__title:before{
  background-color: #f1b7b5;
}
.home-course__text{
  font-weight: 500;
}
.home-course__item .home-button{
  background: none;
  transition: background .3s ease;
}
.home-course__item .home-button:bofore{
  content: none;
}
.home-course__item .home-button:hover:before{
  opacity: 0;
}
.home-course__item.-orange .home-button{
  background-color: #dbb23c;
}
.home-course__item.-green .home-button{
  background-color: #d3cd44;
}
.home-course__item.-blue .home-button{
  background-color: #54a8dc;
}
.home-course__item.-pink .home-button{
  background-color: #e7918f;
}
.home-course__item.-orange .home-button:after {
  background-color: rgba(219, 178, 60, 0.2);
}
.home-course__item.-green .home-button:after {
  background-color: rgba(211, 205, 68, 0.2);
}
.home-course__item.-blue .home-button:after {
  background-color: rgba(84, 168, 220, 0.2);
}
.home-course__item.-pink .home-button:after {
  background-color: rgba(231, 145, 143, 0.2);
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .home-course{
  }
  .home-course__items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:9rem 0;
    margin-bottom: 8rem;
  }
  .home-course__item{
    width: calc( 50% - 2rem );
  display: flex;
	flex-direction: column;
  }
  .home-course__image{
    border-radius: 3%;
    margin-bottom: 2rem;
  }
  .home-course__title img{
    width: 3.5rem;
    margin-right: 2.5rem;
  }
  .home-course__title{	
    font-size: 2.6rem;
    padding-bottom: 1.4rem;
    margin-bottom: 2rem;
  }
  .home-course__sub{
    font-size: 1.6rem;
    margin-right: 1rem;
  }
  .home-course__text{
    font-size: 1.6rem;
    line-height: 1.7;
    margin-bottom: 2.5rem;
  }
  .home-course__item .home-button{
    margin-top: auto;
  }
  .home-course__item.-orange .home-button:hover{
    background-color: #d5aa2d;
  }
  .home-course__item.-green .home-button:hover{
    background-color: #c4be34;
  }
  .home-course__item.-blue .home-button:hover{
    background-color: #389ad7;
  }
  .home-course__item.-pink .home-button:hover{
    background-color: #e37c7a;
  }
}

@media (min-width: 768px) and (max-width: 1030px) {
  .home-course__items{
    display: block;
  }
  .home-course__item{
    width: 100%;
    margin-bottom: 7rem;
  }
  .home-course__item:last-child{
    margin-bottom: 0;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .home-course__items{
    padding: 0 3.5rem;
    margin-bottom: 11.5rem;
  }
  .home-course__item{
    margin-bottom: 12rem;
  }
  .home-course__item:last-child{
    margin-bottom: 0;
  }
  .home-course__image{
    border-radius: 3%;
    margin-bottom: 2rem;
  }
  .home-course__title img{
    width: 4rem;
    margin-right: 2rem;
    vertical-align: middle;
  }
  .home-course__title{	
    font-size: 4.2rem;
    padding-bottom: 1.5rem;
    margin-bottom: 3.5rem;
  }
  .home-course__sub{
    font-size: 3.2rem;
    margin-right: 1rem;
  }
  .home-course__text{
    font-size: 3rem;
    line-height: 1.7;
    margin-bottom: 5rem;
  }
}

/* バナー
--------------------------------------------------*/
.home-course__banner img{
  width: 100%;
}
.home-course__bannerItem{
  border-radius: 1rem;
  overflow: hidden;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .home-course__bannerItem{
    transition: opacity .3s ease;
  }
  .home-course__bannerItem:first-child{
    max-width: 41rem;
    margin: 0 auto 10rem auto;
  }
  .home-course__bannerItem:nth-child(2){
    width: 100%;
  }
  .home-course__bannerItem:hover{
    opacity: 0.8;
  }
}

/* SP */
@media screen and (max-width: 767px){		
  .home-course__banner{
    margin: 0 3.5rem;
  }
  .home-course__bannerItem:first-child{
    margin-bottom: 12rem;
  }
}

/*==================================================

学科紹介

==================================================*/
.department-banner img,
.department-image img{
  width: 100%;
}
.department-heading{
  color: #678902;
  font-weight: bold;
}
.department-heading.-orange{
  color: #dbb23c;
}
.department-heading.-yellow{
  color: #bdb507;
}
.department-heading.-blue{
  color: #54a8dc;
}
.department-heading.-pink{
  color: #e7918f;
}
.department-pagenavi{
  display: flex;
  flex-wrap: wrap;
}
.department-pagenavi__itemIn{
  color: #fff;
  font-weight: bold;
  border-radius: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
.department-pagenavi__itemSub{
  width: 100%;
  text-align: center;
  display: block;
}
.department-pagenavi__itemIn:before{
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  display: block;
  position: absolute;
  transform: rotate(90deg);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all .3s ease;
}
.department-pagenavi__itemIn:after{
  content: "";
  display: block;
  position: absolute;
  border-radius: 0.5rem;
  z-index: -2;
}
.department-pagenavi__item.-orange .department-pagenavi__itemIn,
.department-pagenavi__item.-orange .department-pagenavi__itemIn:before{
  background-color: #dbb23c;
}
.department-pagenavi__item.-yellow .department-pagenavi__itemIn,
.department-pagenavi__item.-yellow .department-pagenavi__itemIn:before{
  background-color: #d3cd44;
}
.department-pagenavi__item.-blue .department-pagenavi__itemIn,
.department-pagenavi__item.-blue .department-pagenavi__itemIn:before{
  background-color: #54a8dc;
}
.department-pagenavi__item.-pink .department-pagenavi__itemIn,
.department-pagenavi__item.-pink .department-pagenavi__itemIn:before{
  background-color: #e7918f;
}
.department-pagenavi__item.-orange .department-pagenavi__itemIn:hover,
.department-pagenavi__item.-orange .department-pagenavi__itemIn:hover:before{
  background-color: #d5aa2d;
}
.department-pagenavi__item.-yellow .department-pagenavi__itemIn:hover,
.department-pagenavi__item.-yellow .department-pagenavi__itemIn:hover:before{
  background-color: #c4be34;
}
.department-pagenavi__item.-blue .department-pagenavi__itemIn:hover,
.department-pagenavi__item.-blue .department-pagenavi__itemIn:hover:before{
  background-color: #389ad7;
}
.department-pagenavi__item.-pink .department-pagenavi__itemIn:hover,
.department-pagenavi__item.-pink .department-pagenavi__itemIn:hover:before{
  background-color: #e37c7a;
}

.department-pagenavi__item.-orange .department-pagenavi__itemIn:after{
  background-color: rgba(219,178,60,0.2);
}
.department-pagenavi__item.-yellow .department-pagenavi__itemIn:after{
  background-color: rgba(211,205,68,0.2);
}
.department-pagenavi__item.-blue .department-pagenavi__itemIn:after{
  background-color: rgba(84,168,220,0.2);
}
.department-pagenavi__item.-pink .department-pagenavi__itemIn:after{
  background-color: rgba(231,145,143,0.2);
}

.department-title{	
  font-family: var(--font-en);
  font-weight: 400;
  font-weight: bold;
  position: relative;
}
.department-title span{	
  font-size: 2rem;
}
.department-title:after{	
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
}
.department-title:before{
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 0;
}
.-orange .department-title:after{	
  background-color: #dbb23c;
}
.-orange .department-title:before{
  background-color: #f0d075;
}
.-yellow .department-title:after{	
  background-color: #d3cd44;
}
.-yellow .department-title:before{
  background-color: #e9e475;
}
.-green .department-title:after{	
  background-color: #678902;
}
.-green .department-title:before{
  background-color: #678902;
}
.-blue .department-title:after{	
  background-color: #54a8dc;
}
.-blue .department-title:before{
  background-color: #8ec9ee;
}
.-pink .department-title:after{	
  background-color: #e7918f;
}
.-pink .department-title:before{
  background-color: #f1b7b5;
}
.department-text{	
  font-weight: bold;
}
.department-keyword{	
  background-color: #fff;
  border-radius: 0.5rem;
  position: relative;
}
.department-keyword__title{
  width: fit-content;
  color: #fff;
  font-weight: bold;
  position: absolute;
}
.department-keyword span{
  font-size: 1rem;
  position: relative;
  top: -0.5rem;
}
.department-note{
}
.department-note__item{
  display: flex;
}
span.department-note__text01,
span.department-note__text02{
  font-weight: 500;
}
span.department-note__text01{
  width: fit-content;
}
span.department-note__text02{
  flex: 1;
}
.color-orange{	
  color: #dbb23c;
}
.color-yellow{	
  color: #d3cd44;
}
.color-blue{	
  color: #54a8dc;
}
.color-pink{	
  color: #e7918f;
}
.-orange .department-keyword__title{	
  background-color: #dbb23c;
}
.-yellow .department-keyword__title{	
  background-color: #d3cd44;
}
.-blue .department-keyword__title{	
  background-color: #54a8dc;
}
.-pink .department-keyword__title{	
  background-color: #e7918f;
}
.department-keyword__title:before{
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  display: block;
  position: absolute;
  transform: rotate(90deg);
  display: block;
  position: absolute;
}
.-orange .department-keyword__title:before{	
  background-color: #dbb23c;
}
.-yellow .department-keyword__title:before{	
  background-color: #d3cd44;
}
.-blue .department-keyword__title:before{	
  background-color: #54a8dc;
}
.-pink .department-keyword__title:before{	
  background-color: #e7918f;
}
.department-keyword__list{
  display: flex;
  flex-wrap: wrap;
}
.department-keyword__listItem{
  font-weight: 500;
}
.-orange .department-keyword__listItem{	
  border: 1px #dbb23c solid;
}
.-yellow .department-keyword__listItem{	
  border: 1px #d3cd44 solid;
}
.-blue .department-keyword__listItem{	
  border: 1px #54a8dc solid;
}
.-pink .department-keyword__listItem{	
  border: 1px #e7918f solid;
}
.-mt0{
  margin-top: 0!important;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .department-banner{
    margin-bottom: 6.5rem;
  }
  .department-banner a{
    transition: opacity .3s ease;
  }
  .department-banner a:hover{
    opacity: 0.8;
  }
  .department-heading{
    font-size: 2.8rem;
    line-height: 1.5;
    margin-bottom: 1.3rem;
  }
  .department-pagenavi{
    gap:2rem;
    margin:6.5rem 0 10rem 0;
  }
  .department-pagenavi__item{
    width: calc( 25% - 1.5rem );
  }
  .-two .department-pagenavi__item{
    width: calc( 50% - 1rem );
  }
  .department-pagenavi__itemIn{
    height: 7rem;
    font-size: 2rem;
    line-height: 1.3;
    transition: all .3s ease;
  }
  .department-pagenavi__itemIn:hover{
    text-decoration: none;
  }
  .department-pagenavi__itemSub{
    font-size: 1.6rem;
  }
  .department-pagenavi__itemIn:before{
    width: 1.5rem;
    height: 2.3rem;
    bottom: -1.6rem;
    transition: all .3s ease;
  }
  .department-pagenavi__itemIn:after{
    height: 1rem;
    bottom: -0.4rem;
    left: 0.8rem;
    right: 0.8rem;
    z-index: -2;
  }

  .department-course{
    margin-bottom: 6.5rem;
  }
  .department-course .m-title03{
    font-size: 2.2rem;
    margin: 2rem 0 2.2rem 0;
  }
  .department-item{
    display: flex;
    justify-content: space-between;
    gap:0 4rem;
  }
  .department-texts{
    flex: 1;
  }
  .department-image{
    width: 47.7%;
  }
  .department-title img{
    width: 3.5rem;
    margin-right: 2.5rem;
  }
  .department-title{	
    font-size: 3rem;
    line-height: 1.22;
    padding-bottom: 1.4rem;
    margin:0 -4rem 2.2rem 0;
  }
  .department-title span{	
    font-size: 2rem;
  }
  .department-title:after{	
    height: 0.3rem;
    left: 1.2rem;
  }
  .department-title:before{
    width: 0.8rem;
    height: 0.8rem;
    bottom: -0.2rem;
  }
  .department-text{	
    font-size: 2.4rem;
    line-height: 1.5;
    margin-bottom: 3.3rem;
  }
  .department-item .m-button{	
    margin-right: 4rem;
  }
  .department-keyword{	
    padding: 5.5rem 2.2rem 3.5rem 2.2rem;
    margin: 8rem 0 6rem 0;
  }
  .department-keyword__title{
    border-radius: 15rem;
    font-size: 1.8rem;
    padding: 0.8rem 2.4rem;
    top: -2.5rem;
    left: 2.5rem;
  }
  .m-list01__second{	
    padding-left: 1.4em;
  }
  .m-list01__second span{	
    margin-left: -1.4em;
  }
  .department-keyword__title:before{
    width: 1.3rem;
    height: 2rem;
    left: 5.3rem;
    bottom: -1.5rem;
  }
  .department-keyword__list{
    display: flex;
    flex-wrap: wrap;
    gap:1.5rem 1rem;
  }
  .department-keyword__listItem{
    font-size: 1.5rem;
    border-radius: 10rem;
    padding: 0 1.8rem;
  }
  .department-note{
    margin: 2rem 0 -1.5rem 0;
  }
  .department-note__item{
    gap:0 0.7rem;
  }
  span.department-note__text01,
  span.department-note__text02{
    font-size: 1.4rem;
    line-height: 1.71;
  }
}

@media (min-width: 768px) and (max-width: 1070px) {
  .department-pagenavi__item{
    width: 22rem;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .department-heading{
    font-size: 3.8rem;
    line-height: 1.315;
    margin-bottom: 3rem;
  }
  .department-banner{
    margin-bottom: 8.5rem;
  }
  .department-pagenavi{
    gap:4.5rem 3rem;
    margin:7rem 0 8rem 0;
  }
  .department-pagenavi__item{
    text-align: center;
    width: calc( 50% - 1.5rem );
  }
  .department-pagenavi__itemIn{
    height: 10rem;
    font-size: 3rem;
    line-height: 1.3;
    padding: 0 1.2rem;
  }
  .department-pagenavi__itemSub{
    font-size: 2.6rem;
  }
  .department-pagenavi__itemIn:before{
    width: 1.8rem;
    height: 2.9rem;
    bottom: -1.8rem;
  }
  .department-pagenavi__itemIn:after{
    height: 1rem;
    bottom: -0.4rem;
    left: 01rem;
    right: 1rem;
    z-index: -2;
  }

  .department-course{
    margin-bottom: 6.5rem;
  }
  .department-course .m-title03{
    font-size: 3.2rem;
    margin: 5rem 0 4rem 0;
  }
  .department-title img{
    width: 4rem;
    margin-right: 2rem;
    vertical-align: middle;
  }
  .department-title{	
    font-size: 4.2rem;
    padding-bottom: 1.5rem;
    margin-bottom: 3.5rem;
  } 
  .department-title span{	
    font-size: 3.2rem;
  }
  .department-title:after{	
    height: 0.3rem;
    left: 1.2rem;
  }
  .department-title:before{
    width: 0.8rem;
    height: 0.8rem;
    bottom: -0.2rem;
  }
  .department-text{	
    font-size: 3.4rem;
    line-height: 1.47;
    margin-bottom: 5.3rem;
  }
  .department-item .m-button{	
    margin-bottom: 6.5rem;
  }
  .department-keyword{	
    padding: 8.5rem 2.7rem 5rem 2.7rem;
    margin: 8.5rem 0 6.5rem 0;
  }
  .department-keyword__title{
    border-radius: 15rem;
    font-size: 2.8rem;
    padding: 1rem 2.8rem;
    top: -3.5rem;
    left: 2rem;
  }
  .m-list01__second{	
    padding-left: 1.4em;
  }
  .m-list01__second span{	
    margin-left: -1.4em;
  }
  .department-keyword__title:before{
    width: 2.2rem;
    height: 3.4rem;
    left: 7.5rem;
    bottom: -2.1rem;
  }
  .department-keyword__list{
    display: flex;
    flex-wrap: wrap;
    gap:2rem 1.5rem;
  }
  .department-keyword__listItem{
    font-size: 2.5rem;
    line-height: 1.55;
    border-radius: 10rem;
    padding: 0 2.4rem;
  }
  .department-note{
    margin: 4rem 0 -2.5rem 0;
  }
  .department-note__item{
    gap:0 0.7rem;
    margin-bottom: 0.3rem;
  }
  span.department-note__text01,
  span.department-note__text02{
    font-size: 2.4rem;
    line-height: 1.66;
  }
}

/*==================================================

生産農学科

==================================================*/
.production-heading{
  color: #d29f0c;
  font-weight: bold;
}
.m-lineButton{
  position: relative;
}
.m-lineButton:after{
  content: "";
  height: 1px;
  border-bottom: 1px #dbb23c dashed;
  position: absolute;
  inset:0;
  margin: auto auto;
  display: block;
  z-index: -1;
}
.m-lineButton.-green:after{
  border-bottom: 1px #6c8f03 dashed;
}
.m-lineButton.-orange:after{
  border-bottom: 1px #dbb23c dashed;
}
.m-lineButton.-yellow:after{
  border-bottom: 1px #d3cd44 dashed;
}
.m-lineButton.-blue:after{
  border-bottom: 1px #54a8dc dashed;
}
.m-lineButton.-pink:after{
  border-bottom: 1px #e7918f dashed;
}
.production-content img{
  width: 100%;
}
.production-movies .m-imageslide__item img{
  width: 100%;
  object-fit: cover;
  aspect-ratio: 410 / 231;
}

.m-point__title{
  position: relative;
}
.m-point__title:before{
  content: "";
  height: 1px;
  position: absolute;
  inset:0;
  margin: auto 0;
  display: block;
}
.m-point__titleIn{
  width: fit-content;
  color: #fff;
  font-weight: bold;
  border-radius: 15rem;
  position: relative;
  position: relative;
}
.m-point__titleIn:before{
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  display: block;
  position: absolute;
  transform: rotate(90deg);
  display: block;
  position: absolute;
}
.m-point__title:before{
  border-bottom: 1px #86af0c dashed;
}
.m-point__titleIn,
.m-point__titleIn:before{
  background:
    linear-gradient(
      90deg,
      #81a203 0%,
      #6eab03 100%
    );
}
.m-point__title.-orange:before{
  border-bottom: 1px #dbb23c dashed;
}
.-orange .m-point__titleIn,
.-orange .m-point__titleIn:before{
  background: #dbb23c;
}
.m-point__title.-yellow:before{
  border-bottom: 1px #d3cd44 dashed;
}
.-yellow .m-point__titleIn,
.-yellow .m-point__titleIn:before{
  background: #d3cd44;
}
.m-point__title.-blue:before{
  border-bottom: 1px #54a8dc dashed;
}
.-blue .m-point__titleIn,
.-blue .m-point__titleIn:before{
  background: #54a8dc;
}
.-pink .m-point__titleIn,
.-pink .m-point__titleIn:before{
  background: #e7918f;
}
.m-point__title.-pink:before{
  border-bottom: 1px #e7918f dashed;
}
.-pink .m-point__titleIn,
.-pink .m-point__titleIn:before{
  background-color: #e7918f;
}

.production-bar{
  display: flex;
  align-items: stretch;
}
.production-bar__text01{
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}
.production-bar__text01:after{
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  display: block;
  position: absolute;
  transform: rotate(90deg);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.production-bar__text02{
  font-weight: bold;
}
.production-course__item{
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 0.5rem;
}
.production-course__itemIn{
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}
.-orange .production-bar__text01{
  background-color: #dbb23c;
}
.-orange .production-bar__text01:after{
  background-color: #dbb23c;
}
.-orange .production-bar__text02{
  background-color: #ebe1c3;
}
.-orange .production-course__item{
  border: 1px #dbb23c solid;
}
.-orange .production-course__itemIn{
  border-top: 1px #dbb23c dashed;
  border-right: 1px #dbb23c dashed;
}
.-yellow .production-bar__text01{
  background-color: #d3cd44;
}
.-yellow .production-bar__text01:after{
  background-color: #d3cd44;
}
.-yellow .production-bar__text02{
/*  background-color: #d3cd44;*/
}
.-yellow .production-course__item{
  border: 1px #d3cd44 solid;
}
.-yellow .production-course__itemIn{
  border-top: 1px #d3cd44 dashed;
  border-right: 1px #d3cd44 dashed;
}
.-blue .production-bar__text01{
  background-color: #54a8dc;
}
.-blue .production-bar__text01:after{
  background-color: #54a8dc;
}
.-blue .production-bar__text02{
  background-color: #e3edf3;
}
.-blue .production-course__item{
  border: 1px #54a8dc solid;
}
.-blue .production-course__itemIn{
  border-top: 1px #54a8dc dashed;
  border-right: 1px #54a8dc dashed;
}
.-pink .production-bar__text01{
  background-color: #e7918f;
}
.-pink .production-bar__text01:after{
  background-color: #e7918f;
}
.-pink .production-bar__text02{
  background-color: #f1e6e6;
}
.-pink .production-course__item{
  border: 1px #e7918f solid;
}
.-pink .production-course__itemIn{
  border-top: 1px #e7918f dashed;
  border-right: 1px #e7918f dashed;
}
.production-course__itemIn:nth-child(odd){
  border-right: none;
}
.production-course__itemIn:first-child{
  width: 100%;
  font-weight: bold;
  border: none;
}

.production-course__item.-abroad{
  border: 1px #7266b1 solid;
}
.production-course__item.-area{
  border: 1px #f19149 solid;
}
.production-course__item.-abroad .production-course__itemIn:before{
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/department/environment/icon01.svg") center center no-repeat;  
}
.production-course__item.-area .production-course__itemIn:before{
  width: 2.7rem;
  height: 3.1rem;
  background: url("../images/department/environment/icon02.svg") center center no-repeat;  
}
.production-course__item.-abroad .production-course__itemIn:before,
.production-course__item.-area .production-course__itemIn:before{
  content: "";
  display: inline-block;
  background-size: 100% auto;
  margin-right: 1.1rem;
  vertical-align: middle;
  position: relative;
  top: -0.2rem;
}
.-abroad .production-bar__text01{
  background-color: #7266b1;
}
.-abroad .production-bar__text01:after{
  background-color: #7266b1;
}
.-abroad .production-bar__text02{
  background-color: #e4e1f4;
}
.-area .production-bar__text01{
  background-color: #f19149;
}
.-area .production-bar__text01:after{
  background-color: #f19149;
}
.-area .production-bar__text02{
  background-color: #f5e5d9;
}
.-abroad .production-bar__text01In:before{
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/department/environment/icon01-white.svg") center center no-repeat;  
}
.-area .production-bar__text01In:before{
  width: 2.7rem;
  height: 3.1rem;
  background: url("../images/department/environment/icon02-white.svg") center center no-repeat;  
}
.-area .production-bar__text01In:before,
.-abroad .production-bar__text01In:before{
  content: "";
  display: inline-block;
  background-size: 100% auto;
  margin-right: 0.6rem;
  vertical-align: middle;
  position: relative;
  top: -0.2rem;
}
.-abroad .production-bar__text01,
.-area .production-bar__text01{
  width: auto!important;
  min-width: 23.5rem;
}

.production-course__text{
  font-weight: 500;
}

.production-voice__top{
  position: relative;
}

.production-voice__top:before{
  content: "";
  display: block;
  background-color: rgba(210,176,59,0.1);
  position: absolute;
  border-radius: 1rem;
  top: 0;
  bottom: 0;
  display: block;
}
.-orange .production-voice__top:before{
  background-color: rgba(219,178,60,0.1);
}
.-yellow .production-voice__top:before{
  background-color: rgba(211,205,68,0.1);
}
.-blue .production-voice__top:before{
  background-color: rgba(84,168,220,0.1);
}
.-pink .production-voice__top:before{
  background-color: rgba(231,145,143,0.1);
}
.production-voice__slide .slick-prev:before{
   background-color: #dbb23c;
  -webkit-mask: url("../images/shared/prev-black.svg") no-repeat center / 100% auto;
  mask: url("../images/shared/prev-black.svg") no-repeat center / 100% auto;
}
.production-voice__slide .slick-next:before{
   background-color: #dbb23c;
  -webkit-mask: url("../images/shared/next-black.svg") no-repeat center / 100% auto;
  mask: url("../images/shared/next-black.svg") no-repeat center / 100% auto;
}
.production-voice__slide.-yellow .slick-arrow:before{
   background-color: #d3cd44;
}
.production-voice__slide.-blue .slick-arrow:before{
   background-color: #54a8dc;
}
.production-voice__slide.-pink .slick-arrow:before{
   background-color: #e7918f;
}
.production-voice__slide.-orange .slick-arrow:hover:before{
   background-color: #d5aa2d;
}
.production-voice__slide.-yellow .slick-arrow:hover:before{
   background-color: #c4be34;
}
.production-voice__slide.-blue .slick-arrow:hover:before{
   background-color: #389ad7;
}
.production-voice__slide.-pink .slick-arrow:hover:before{
   background-color: #e37c7a;
}
.production-voice__slide .slick-arrow{
  position: relative;
  cursor: pointer;
  text-indent: -9999px;
  position: absolute;
  z-index: 10;
}
.production-voice__slide .slick-arrow:before{
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition: all .3s ease;
  position: absolute;
  inset:0;
  border-radius: 50%;
}

.m-buttonBox:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.5);
  border-radius: 0.5rem;
  display: block;
}

.production-voice__slide img{
  width: 100%;
  object-fit: cover;
  aspect-ratio: 200 / 139;
}

/* PC */
@media print,only screen and (min-width: 768px){
  .m-lineButton{
    margin: 5.8rem 0 10.5rem 0;
  }
  .m-lineButton .m-button{
    width: 47rem;
    margin: 0 auto;
  }
  .m-lineButton .home-button__item{
    padding: 1.8rem 3.5rem;
  }
  .production-content{
    margin-bottom: 8.5rem;
  }
  .production-movies{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:5rem 4rem;
  }
  .production-movies__item{
    width: calc( 50% - 2rem );
  }
  .production-movies .m-imageslide__item img{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 410 / 231;
  }

  .production-section,
  .production-point{
    margin-bottom: 10.5rem;
  }
  .m-point__title{
    margin-bottom: 4rem;
  }
  .production-section .m-point__title{
    margin-top: 10rem;
  }
  .production-section .m-button{
    max-width: 41rem;
    margin: 0 auto;
  }
  .m-point__titleIn{
    font-size: 1.8rem;
    padding: 1.5rem 2.4rem;
    margin:0 0 0 2.6rem;
  }
  .m-point__titleIn:before{
    width: 1.3rem;
    height: 2rem;
    left: 5.4rem;
    bottom: -1.5rem;
  }

  .production-point__item{
    margin-bottom: 4rem;
  }
  .production-point .m-line{
    margin: 6.5rem 0 6.2rem 0;
  }
  .production-bar__text01{
    min-width: 16.5rem;
    font-size: 1.8rem;  
    padding: 1rem 1.8rem;
    border-radius: 0.5rem 0 0 0.5rem;
  }
  .production-bar__text01In{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .production-bar__text01:after{
    width: 1.4rem;
    height: 2rem;
    bottom: -1.6rem;
  }
  .production-bar__text02{
    flex: 1;
    font-size: 1.8rem;
    padding: 1rem 1.8rem;
    border-radius: 0 0.5rem 0.5rem 0;
  }
  .production-course{
    margin: 2rem 0 0 18rem;
    display: flex;
    gap:0 2rem;
  }
  .production-course__item{
    width: calc( 50% - 1rem );
  }
  .production-course__itemIn{
    font-size: 1.8rem;
    padding: 1.25rem 0.6rem;
  }
  .production-point .m-buttons.-one{
    margin-bottom: 11rem;
  }
  .production-course__item02{
    display: flex;
    justify-content: space-between;
  }
.environment-point .production-bar__text01{
  width: 20.5rem;
}
.environment-point .production-course{        
  margin: 2rem 0 0 20.5rem;
}
  .production-course__texts{
    width: calc( 50% - 2rem );
  }
  .production-course__text{
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 5rem;
  }
  .production-course__image{
    width: calc( 50% - 2rem );
  }

  .production-voice__top{
    padding: 3rem 0 2.7rem 0;
    margin-bottom: 9rem;
  }
  .production-voice__heading{
    margin-bottom: 3.4rem;
  }
  .production-voice__heading img{
    width: 38.8rem;
  }
  .production-voice__top:before{
    left: 2rem;
    right: min(-3rem,calc( ( 117rem - 100vw ) / 2 ) );
  }
  .production-voice__slide{
    margin: 0 -2rem 0 -2rem;
  }
  .production-voice__slideItem{
    margin: 0 2rem;
  }
  .production-voice__slide .slick-prev{
    left: -2rem;
  }
  .production-voice__slide .slick-next{
    right: -2rem;
  }
  .production-voice__slide .slick-arrow{
    width: 3rem;
    height: 3rem;
    top:8rem;
  }

  .m-buttonBox{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 3rem 0 6rem 3rem;
    margin-bottom: -12.5rem!important;
    gap:3rem 3rem;
  }
  .m-buttonBox .m-button{
    width: calc( 50% - 1.5rem );
    margin-bottom: 0!important;
  }
  .m-buttonBox:before{
    right: min(-3rem,calc( ( 117rem - 100vw ) / 2 ) );
  } 
  .mt120{
    margin-top: 12rem;
  } 
  .mb25{
    margin-bottom: 2.5rem!important;
  } 
  .mb35{
    margin-bottom: 3.5rem!important;
  } 
  .mb40{
    margin-bottom: 4rem!important;
  } 
  .mb50{
    margin-bottom: 5rem!important;
  } 
  .mb60{
    margin-bottom: 6rem!important;
  } 
  .mt85{
    margin-top: 8.5rem!important;
  } 
  .mb90{
    margin-bottom: 9rem!important;
  } 
}

/* SP */
@media screen and (max-width: 767px){
  .m-lineButton{
    margin: 5.8rem 0 10.5rem 0;
  }
  .m-lineButton .m-button{
    width: fit-content;
    margin:0 auto 10rem auto;
  }
  .m-lineButton .m-button.sp-w100{
    width: 100%;
  }
  .m-lineButton .home-button__item {
  }
  .production-content{
    margin-bottom: 10rem;
  }
  .production-movies__item{
    margin-bottom: 5rem;
  }
  .production-movies__item:last-child{
    margin-bottom: 0;
  }

  .production-section,
  .production-point{
    margin-bottom: 10rem;
  }
  .production-section .m-point__title{
    margin-top: 10rem;
  }
  .m-point__title{
    margin-bottom: 5rem;
  }
  .m-point__titleIn{
    font-size: 2.8rem;
    padding: 2.1rem 2.8rem;
    margin:0 0 0 2.6rem;
  }
  .m-point__titleIn:before{
    width: 2.2rem;
    height: 3.4rem;
    left: 10.2rem;
    bottom: -2.1rem;
  }

  .production-point__item{
    margin-bottom: 5.5rem;
  }
  .production-point .m-line{
    margin: 8.5rem 0;
  }
  .production-bar__text01{
    width: 26rem;
    font-size: 2.8rem;  
    padding: 2rem 1rem;
    border-radius: 0.5rem 0 0 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .production-bar__text01:after{
    width: 2rem;
    height: 2.6rem;
    bottom: -1.9rem;
  }
  .production-bar__text02{
    width: calc( 100% - 26rem );
    font-size: 2.8rem;
    line-height: 1.428;
    padding: 2rem 3.8rem;
    border-radius: 0 0.5rem 0.5rem 0;
  }
  .production-bar.-spVertical{
    display: block;
    position: relative;
  }
  .production-bar.-spVertical .production-bar__text01{
    width: 48rem;
    font-size: 2.8rem;  
    padding: 0.9rem 1rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -3.3rem;
    margin: 0 auto;
  }
  .production-bar.-spVertical .production-bar__text02{
    width: 100%;
    font-size: 3.2rem;
    line-height: 1.56;
    font-weight: bold;
    padding: 6.5rem 2rem 2rem 2rem;
    border-radius: 0.5rem;
    text-align: center;
  }
  .production-course{
    margin-top: 3.5rem;
  }
  .production-course__item{
    margin-bottom: 3rem;
  }
  .production-course__item:last-child{
    margin-bottom: 0;
  }
  .production-course__itemIn{
    font-size: 2.8rem;
    padding: 1.2rem 1rem;
  }
  .production-point .m-buttons.-one{
    margin-bottom: 13.5rem;
  }
  .production-course__item02{
  }
  .production-course__texts{
  }
  .production-course__text{
    font-size: 2.6rem;
    line-height: 1.923;
    margin-bottom: 4rem;
  }
  
  .production-voice__top{
    margin-bottom: 9rem;
    padding: 4rem 0 5rem 0;
  }
  .production-voice__heading{
    margin:0 0 3.4rem 4.3rem;
  }
  .production-voice__heading img{
    width: 46.3rem;
  }
  .production-voice__top:before{
    right: -3.5rem;
    left: 0;
  }
  .production-voice__slide{
    margin: 0 -3.5rem 0 -3.5rem;
  }
  .production-voice__slide .production-voice__slideItem{
    display: block;
    position: relative;
  }
  .production-voice__slide .m-news__imageIcon,
  .production-voice__slide .m-news__texts{
    width: 100%;
  }
  .production-voice__slide .m-news__icon{
    top: 48%;
    top: 25.5rem;
    left: 0;
    right: 0;
    bottom: auto;
    margin: 0 auto;
  }
  .production-voice__slide img{
    margin-bottom: 4rem;
  }
  .production-voice__slide .m-news__category{
    border-top: 1px #bfbfbf solid;
    padding-top: 2.5rem;
  }
  .production-voice__slide .m-news__time{
    text-align: center;
    margin-bottom: 1rem;
  }
  .production-voice__slide{
    position: relative!important;
  }
  .production-voice__slideItem{
    margin: 0 2.5rem;
  }
  .production-voice__slide .slick-prev{
    left: 6.5rem;
  }
  .production-voice__slide .slick-next{
    right: 6.5rem;
  }
  .production-voice__slide .slick-arrow{
    width: 7rem;
    height: 7rem;
    top:10rem;
    z-index: 15;
    position: absolute;
  }
  .production-voice__slide .slick-arrow:after{
    content: "";
    background-color: #fff;
    position: absolute;
    inset:0;
    border-radius: 50%;
    z-index: -1;
  }
  
  .m-buttonBox{
    position: relative;
    padding: 4rem 0 10rem 0;
    margin-bottom: -18rem!important;
  }
  .m-buttonBox .m-button{
  }
  .m-buttonBox:before{
    left: -3.5rem;
    right: -3.5rem;
    top: 0;
    bottom: 0;
  } 
  .mt120{
    margin-top: 13rem;
  } 
  
}

/* 4つの専門領域
--------------------------------------------------*/
.field-text{
  font-weight: 500;
}
.field-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.field-title img{
  width: auto;
}
.field-titleBg{
  display: inline-block;
}
.-orange .field-titleBg{
  background-color: rgba(219,178,60,0.1);
}
.-yellow .field-titleBg{
  background-color: rgba(211,205,68,0.1);
}
.-blue .field-titleBg{
  background-color: rgba(84,168,220,0.1);
}
.-pink .field-titleBg{
  background-color: rgba(231,145,143,0.1);
}
.field-titleIn:after{
  content: "";
  background-color: rgba(219,178,60,0.5);
}
.field-list{
  display: flex;
  flex-wrap: wrap;
}
.field-list__item{
  background-color: rgba(255,255,255,0.5);
  border-radius: 10rem;
}
.-orange .field-list__item{
  border: 1px #dbb23c solid;
}
.-yellow .field-list__item{
  border: 1px #d3cd44 solid;
}
.-blue .field-list__item{
  border: 1px #54a8dc solid;
}
.-pink .field-list__item{
  border: 1px #e7918f solid;
}

/* PC */
@media print,only screen and (min-width: 768px){  
  .fsS{
    font-size: 1.8rem;
  } 
  .field-section{
    margin-bottom: 10.5rem;
  }
  .field-section .m-title02{
    margin-top: 4.5rem;
  }
  .field-text{
    font-size: 1.8rem;
    line-height: 1.66;
    margin-bottom: 3.5rem;
  }
  .field-title img{
    max-height: 4.6rem;
    height: auto;
    margin-right: 2rem;
  }
  .field-title.h56 img{
    max-height: 5.6rem;
  }
  .-environment .field-title img{
    width: auto;
    max-height: 5.7rem;
  }
  .field-titleBg{
    flex: 1;
    height: 4.2rem;
  }
  .field-item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
  .field-texts{
    width: calc( 50% - 2rem );
  }
  .field-image{
    width: calc( 50% - 2rem );
  }
  .field-list{
    gap:1.5rem 1rem;
  }
  .field-list__item{
    font-size: 1.5rem;
    padding: 0 1.7rem;
  }
  .field-item .m-imageslide .m-button{
    margin-top: 5rem;
  }
  .field-item .m-imageslide .m-button__item{
    padding: 1.7rem 4rem 1.7rem 2rem;
  }
}

/* SP */
@media screen and (max-width: 767px){	  
  .fsS{
    font-size: 2.8rem;
  } 
  .field-section{
    margin-bottom: 10rem;
  }
  .field-section .m-title02{
    margin-top: 5.5rem;
  }
  .field-text{
    font-size: 2.6rem;
    line-height: 1.92;
    margin-bottom: 5rem;
  }
  .field-title img{
    height: 4.6rem;
    margin-right: 2rem;
  }
  .-environment .field-title img{
    width: auto;
    max-height: 5.7rem;
  }
  .field-titleBg{
    flex: 1;
    height: 4.2rem;
  }
  .field-item{
    margin-bottom: 5rem;
  }
  .field-list{
    gap:2rem 1.4rem;
  }
  .field-list__item{
    font-size: 2.5rem;
    padding: 0 2.2rem;
  }
  .field-item .m-imageslide .m-button{
    margin-top: 4rem;
  }
  .field-item .m-imageslide .m-button__item{
    padding: 2.5rem 7.5rem 2.5rem 4.3rem;
  }  
}

/*==================================================

学部概要

==================================================*/
.about-message img{
  width: 100%;
}
.about-message__name{
  font-weight: bold;
  text-align: center;
}
.about-message__name span{
  font-weight: 500;
  display: block;
}
.about-concept__box{
  background-color: rgba(91,152,3,0.1);
  border-radius: 0.5rem;
}
.about-concept__itemImage img{
  width: 100%;
}
.about-concept__itemText{
  font-weight: bold;
}
.about-concept__text{
  font-weight: 500;
  line-height: 1.875;
}
.about-feature__image{
  border-radius: 0.8rem;
  overflow: hidden;
}

/* PC */
@media print,only screen and (min-width: 768px){  
  .about-movie{
    margin-bottom: 10rem;
  }
  .about-feature{
    margin-bottom: 8rem;
  }
  .about-feature__image{
    margin-bottom: 6rem;
  }
  .about-message{
    margin-bottom: 4.5rem;
  }
  .about-message .m-title05{
    margin: 2.5rem 0 3.5rem 0;
  }
  .about-message__item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 8rem;
  }
  .about-message__texts{
    width: 58%;
  }
  .about-message__image{
    width: 35%;
    margin-top: 6.5rem;
  }
  .about-message__name{
    font-size: 2rem;
    margin-top: 2.2rem;
  }
  .about-message__name span{
    font-size: 1.6rem;
  }
  .about-concept{
    margin-bottom: 10rem;
  }
  .about-concept .m-title03{
    margin-bottom: 3.5rem;
  }
  .about-concept__box{
    padding: 3rem;
    border-radius: 0.5rem;
  }
  .about-concept__item{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .about-concept__itemImage{
    width: 31.3%;
  }
  .about-concept__itemImage img{
    width: 100%;
  }
  .about-concept__itemText{
    width: 63%;
    font-size: 2rem;
  }
  .about-concept__text{
    font-size: 1.6rem;
    margin-top: 4rem;
  }
}

/* SP */
@media screen and (max-width: 767px){	 
  .about-movie{
    margin-bottom: 11rem;
  }
  .about-feature{
    margin-bottom: 6rem;
  }
  .about-message .m-title05{
    margin: 0 0 3.5rem 0;
  }
  .about-message__item{
    margin-bottom: 9rem;
  }
  .about-message__texts{
    font-size: 2.6rem;
  }
  .about-message__image{
    width: 50rem;
    margin:5rem auto 0 auto;
  }
  .about-message__name{
    font-size: 3rem;
    line-height: 1.65;
    margin-top: 3rem;
  }
  .about-message__name span{
    font-size: 2.4rem;
  }
  .about-concept{
    margin-bottom: 11rem;
  }
  .about-concept .m-title03{
    margin-bottom: 4.5rem;
  }
  .about-concept__box{
    padding: 6rem 5rem 4rem 5rem;
    border-radius: 0.5rem;
  }
  .about-concept__item{
  }
  .about-concept__itemImage{
    width: 40.8rem;
    margin: 0 auto 5rem auto;
  }
  .about-concept__itemImage img{
    width: 100%;
  }
  .about-concept__itemText{
    font-size: 2.8rem;
  }
  .about-concept__text{
    font-size: 2.6rem;
    margin-top: 3.5rem;
  } 
}

/*==================================================

農学部History

==================================================*/
.history-items img{
  width: 100%;
}
.history-year{
  border-radius: 50%;
  color: #fff;
  font-family: var(--font-din);
  font-weight: 700;
  background: linear-gradient(120deg, #7fa203, #5e9a03);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 500;
}
.history-year:after{
  content: "";
  background-color: #609b03;
  width: 0.3rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.history-item{
  position: absolute;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.history-item.animate{
  opacity: 1;
  transform: translateY(0);
}
.history-item:before{
  content: "";
  height: 1px;
  border-bottom: 1px #86af0c dashed;
  display: block;
  position: absolute;
  top: 0;
}
.history-listItem{
  position: relative;
  font-weight: 500;
}
.history-listItem:before{
  content: "";
  background-color: #a1c41e;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
}
.history-text01{
  color: #678902;
  font-weight: bold;
  text-align: center;
}
.history-text02{
  font-weight: bold;
  text-align: center;
}

/* PC */
@media print,only screen and (min-width: 768px){   
  .history-text{
    font-size: 2rem;
    line-height: 2;
  }
  .history-items{
    padding-top: 765rem;
    position: relative;
    margin-top: 12rem;
  }
  .history-year{
    width: 12rem;
    height: 12rem;
    font-size: 3rem;
    top: -6rem;
    position: absolute;
  }
  .history-item:nth-child(odd) .history-year{
    right: -15rem;
  }
  .history-item:nth-child(even) .history-year{
    left: -15rem;
  }
  .history-year:after{
    height: 17rem;
    top: 12.6rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .-item04 .history-year:after{
    height: 31.1rem;
  }
  .-item05 .history-year:after{
    height: 34.6rem;
  }
  .-item25 .history-year:after{
    height: 30.5rem;
  }
  .-item25 .history-year:before{
    content: "";
    background-color: #609b03;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    display: block;
    position: absolute;
    transform: rotate(90deg);
    width: 2.2rem;
    height: 3.1rem;
    top: 42.2rem;
  }
  .history-item{
    width: calc( 50% - 9rem );
    position: absolute;
    top: 5.9rem;
    padding-top: 2.5rem;
  }
  .history-item:nth-child(odd):before{
    right: -4rem;
    left: 0;
  }
  .history-item:nth-child(even):before{
    left: -4rem;
    right: 0;
  }
  .history-item{
    position: absolute;
  }
  .history-item.-item01{
    top: 0;
  }
  .history-item.-item02{
    top: 30rem;
  }
  .history-item.-item03{
    top: 60rem;
  }
  .history-item.-item04{
    top: 90rem;
  }
  .history-item.-item05{
    top: 134rem;
  }
  .history-item.-item06{
    top: 134rem;
  }
  .history-item.-item07{
    top: 181.7rem;
  }
  .history-item.-item08{
    top: 211.7rem;
  }
  .history-item.-item09{
    top: 241.7rem;
  }
  .history-item.-item10{
    top: 271.7rem;
  }
  .history-item.-item11{
    top: 301.7rem;
  }
  .history-item.-item12{
    top: 331.7rem;
  }
  .history-item.-item13{
    top: 361.7rem;
  }
  .history-item.-item14{
    top: 391.7rem;
  }
  .history-item.-item15{
    top: 421.7rem;
  }
  .history-item.-item16{
    top: 451.7rem;
  }
  .history-item.-item17{
    top: 481.7rem;
  }
  .history-item.-item18{
    top: 511.7rem;
  }
  .history-item.-item19{
    top: 541.7rem;
  }
  .history-item.-item20{
    top: 571.7rem;
  }
  .history-item.-item21{
    top: 601.7rem;
  }
  .history-item.-item22{
    top: 631.7rem;
  }
  .history-item.-item23{
    top: 661.7rem;
  }
  .history-item.-item24{
    top: 691.7rem;
  }
  .history-item.-item25{
    top: 721.7rem;
  }
  .history-item:nth-child(odd){
    left: 0;
  }
  .history-item:nth-child(even){
    right: 0;
  }
  .history-list{
    margin-bottom: 2rem;
  }
  .history-listItem{
    font-size: 1.6rem;
    line-height: 1.625;
    padding-left: 1.6rem;
    margin-bottom: 0.5rem;
  }
  .history-listItem:before{
    width: 0.5rem;
    height: 0.5rem;
    top: 0.6em;
  }
  .history-text01{
    font-size: 3.2rem;
    line-height: 1.66;
    margin-bottom: 1rem;
  }
  .history-text02{
    font-size: 1.8rem;
    line-height: 1.66;
  }
}

/* SP */
@media screen and (max-width: 767px){	 
  .history-text{
    font-size: 3rem;
    line-height: 1.8;
  }
  .history-items{
    margin-top: 10.5rem;
  }
  .history-year{
    width: 12rem;
    height: 12rem;
    font-size: 3rem;
    top: -6rem;
    position: absolute;
    left: -14.5rem;
  }
  .history-item:after{
    content: "";
    background-color: #609b03;
    width: 0.3rem;
    position: absolute;
    top: 7rem;
    left: -8.5rem;
    bottom: 7rem;
    display: block;
  }
  .history-item{
    width: 53.5rem;
    margin-left: 14.5rem;
    padding: 2.5rem 0 6.5rem 0;
    position: relative;
    border-top: 1px #86af0c dashed;
  }
  .history-item.-item06{
    padding: 0 0 6.5rem 0;
    border-top: none;
  }
  .history-item.-item05:after{
    bottom: 0;
  }
  .history-item.-item06:after{
    top: 0;
  }
  .history-item.-item25:after{
    bottom: 2.9rem;
  }
  .history-item.-item25:before{
    content: "";
    background-color: #609b03;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    display: block;
    position: absolute;
    transform: rotate(90deg);
    width: 2.2rem;
    height: 3.1rem;
    left: -9.5rem;
    bottom: 2rem;
    top: auto;
  }
  .history-list{
    margin-bottom: 4.5rem;
  }
  .history-listItem{
    font-size: 2.6rem;
    line-height: 1.538;
    padding-left: 1.7rem;
    margin-bottom: 1.8rem;
  }
  .history-listItem:before{
    width: 0.8rem;
    height: 0.8rem;
    top: 0.6em;
  }
  .history-text01{
    font-size: 5rem;
    line-height: 1.4;
    margin-bottom: 3rem;
  }
  .history-text02{
    font-size: 2.8rem;
    line-height: 1.78;
  }  
}

/*==================================================

News&Topics

==================================================*/
.news-heading{
  font-family: var(--font-en);
  font-weight: 500;
  letter-spacing: .04em;
  text-align: center;
}
.news-tab{
  display: flex;
  flex-wrap: wrap;
}
.news-tab__itemIn{
  border-radius: 0.5rem;
  color: #fff;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  display: block;
}
.news-tab__itemIn:after{
  content: "";
  position: absolute;
  display: block;
}
.-green .news-tab__itemIn:after{
  background-color: rgba(108,143,3,0.1);
}
.-orange .news-tab__itemIn:after{
  background-color: rgba(219,178,60,0.1);
}
.-yellow .news-tab__itemIn:after{
  background-color: rgba(211,205,68,0.1);
}
.-blue .news-tab__itemIn:after{
  background-color: rgba(84,168,220,0.1);
}
.-pink .news-tab__itemIn:after{
  background-color: rgba(231,145,143,0.1);
}
.-deepgreen .news-tab__itemIn:after{
  background-color: rgba(111,125,69,0.1);
}
.-green .news-tab__itemIn{
  background-color: #6c8f03;
}
.-orange .news-tab__itemIn{
  background-color: #dbb23c;
}
.-yellow .news-tab__itemIn{
  background-color: #d3cd44;
}
.-blue .news-tab__itemIn{
  background-color: #54a8dc;
}
.-pink .news-tab__itemIn{
  background-color: #e7918f;
}
.-deepgreen .news-tab__itemIn{
  background-color: #6f7d45;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .news-heading{
    font-size: 6rem;
    margin-bottom: 2rem;
  }
  .news-tab{
    gap:3rem 4rem;
    margin-bottom: 5rem;
  }
  .news-tab__item{
    width: calc( ( 100% - 8rem ) / 3 );
  }
  .news-tab__itemIn{
    font-size: 2rem;
    padding: 1.2rem 1rem;
    transition: background-color .3s ease;
  }
  .news-tab__itemIn:hover{
    text-decoration: none;
  }
  .news-tab__itemIn:after{
    height: 1rem;
    left: 0.5rem;
    bottom: -0.5rem;
    right: 0.5rem;
  }
  .-green .news-tab__itemIn:hover{
    background-color: #608001;
  }
  .-orange .news-tab__itemIn:hover{
    background-color: #d5aa2d;
  }
  .-yellow .news-tab__itemIn:hover{
    background-color: #c4be34;
  }
  .-blue .news-tab__itemIn:hover{
    background-color: #389ad7;
  }
  .-pink .news-tab__itemIn:hover{
    background-color: #e37c7a;
  }
  .-deepgreen .news-tab__itemIn:hover{
    background-color: #66743a;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .news-heading{
    font-size: 7rem;
    margin-bottom: 3.5rem;
  }
  .news-tab{
    gap:3rem;
    margin-bottom: 6rem;
  }
  .news-tab__item{
    width: calc( 50% - 1.5rem );
  }
  .news-tab__itemIn{
    font-size: 3rem;
    padding: 1.1rem 1rem;
  }
  .news-tab__itemIn:after{
    height: 1rem;
    left: 1rem;
    bottom: -0.4rem;
    right: 1rem;
  }  
}

/* 詳細
--------------------------------------------------*/
.newsDetail-heading{
  font-weight: bold;
  letter-spacing: .04em;
  line-height: 1.66;
}
.newsDetail-icon{
  position: relative;
}
.newsDetail-icon:before{
  content: "";
  height: 1px;
  position: absolute;
  inset:0;
  margin: auto 0;
  display: block;
}
.newsDetail-icon__in{
  width: fit-content;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border-radius: 15rem;
  position: relative;
  display: block;
}
.newsDetail-icon.-green:before{
  border-bottom: 1px #6c8f03 dashed;
}
.-green .newsDetail-icon__in{
  background-color: #6c8f03;
}
.newsDetail-icon.-orange:before{
  border-bottom: 1px #dbb23c dashed;
}
.-orange .newsDetail-icon__in{
  background-color: #dbb23c;
}
.newsDetail-icon.-yellow:before{
  border-bottom: 1px #d3cd44 dashed;
}
.-yellow .newsDetail-icon__in{
  background-color: #d3cd44;
}
.newsDetail-icon.-blue:before{
  border-bottom: 1px #54a8dc dashed;
}
.-blue .newsDetail-icon__in{
  background-color: #54a8dc;
}
.newsDetail-icon.-pink:before{
  border-bottom: 1px #e7918f dashed;
}
.-pink .newsDetail-icon__in{
  background-color: #e7918f;
}
.newsDetail-icon.-deepgreen:before{
  border-bottom: 1px #6f7d45 dashed;
}
.-deepgreen .newsDetail-icon__in{
  background-color: #6f7d45;
}
.newsDetail-data{
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.newsDetail-category{
  font-weight: bold;
  display: flex;
}
.newsDetail-time{
  color: #666;
  font-family: var(--font-en);
}
.news-image img{
  width: 100%;
} 

/* PC */
@media print,only screen and (min-width: 768px){
  .newsDetail-heading{
    font-size: 2.4rem;
    line-height: 1.66;
    text-align: center;
    margin-bottom: 3rem;
  }
  .newsDetail-icon__in{
    font-size: 1.6rem;
    padding: 0.3rem 2.5rem;
  }
  .newsDetail-data{
    gap:0 1.2rem;
    margin-bottom: 4.5rem;
  }
  .newsDetail-category{
    font-size: 1.4rem;
    gap:0 1rem;
  }
  .newsDetail-time{
    font-size: 1.6rem;
  }
  .news-image{
    max-width: 50rem;
    margin: 0 auto 4rem auto;
  } 
}

/* SP */
@media screen and (max-width: 767px){	
  .newsDetail-heading{
    font-size: 3.4rem;
    line-height: 1.47;
    margin-bottom: 3.3rem;
  }
  .newsDetail-icon__in{
    font-size: 2.2rem;
    padding: 0.2rem 2.5rem;
  }
  .newsDetail-data{
    gap:0 1.9rem;
    margin:1rem 0 5rem 0;
  }
  .newsDetail-category{
    font-size: 2.4rem;
    gap:0 1.2rem;
  }
  .newsDetail-time{
    font-size: 2.6rem;
  }
  .news-image{
    margin-bottom: 3.5rem;
  } 
  
}

/*==================================================

生産農学科 理科教育コース

==================================================*/
.department-movie iframe{
  aspect-ratio: 112 / 63;
}
.teacher-title{
  color: #bdb507;
  font-weight: bold;
}
.teacher-table{
  width: 100%;
  background-color: #fff;
  border-top: 1px #e1e0bf solid;
  border-right: 1px #e1e0bf solid;
}
.teacher-table th,
.teacher-table td{
  border-bottom: 1px #e1e0bf solid;
  border-left: 1px #e1e0bf solid;
  line-height: 1.46;
  font-weight: 500;
  box-sizing: border-box;
}
.teacher-table th{
  background-color: #faf9ed;
  font-weight: bold;
  text-align: center;
}
.teacher-table th:first-child{
  width: auto;
  background-color: #f5f3dc;
}
.teacher-table td:first-child{
  background-color: #faf9ed;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.m-note__item{
  position: relative;
  padding-left: 1em;
  font-weight: 500;
  line-height: 1.5;
}
.m-note__item:before{
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.faq-content .m-accordion:last-child{
  margin-bottom: 0;
}
.faq-table{
  width: 100%;
  border-top: 1px #e1e0bf solid; 
  border-right: 1px #e1e0bf solid; 
  background-color: #fff;
}
.faq-table th,
.faq-table td{
  border-bottom: 1px #e1e0bf solid; 
  border-left: 1px #e1e0bf solid;
  box-sizing: border-box;
  font-weight: 500;
  line-height: 1.46;
  vertical-align: middle;
}
.faq-table th{
  background-color: #faf9ed;
  text-align: center;
  font-weight: bold;
}
.faq-table__listItem{
  position: relative;
  padding-left: 1em;
}
.faq-table__listItem:before{
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  color: #d3cd44;
  font-weight: bold;
}
.faq-note{
  font-weight: 500;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .department-movie{
    max-width: 70rem;
    margin: 0 auto 8rem auto;
  }
  .teacher-title{
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
  }
  .teacher-point__last{
    margin-bottom: 9rem;
  }
  .teacher-course{
    margin-bottom: 8rem;
  }
  .teacher-table{
    margin-bottom: 2.5rem;
  }
  .teacher-table th,
  .teacher-table td{
    font-size: 1.5rem;
  }
  .teacher-table th{
    width: 30.9%;
    padding: 1.3rem 0.5rem;
  }
  .teacher-table td{
    padding: 1.1rem 1.8rem;
  }
  .m-note__item{
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }

  .teacher-faq{
    margin-bottom: 10.5rem;
  }
  .faq-content .m-accordion{
    margin-bottom: 3rem;
  }
  .faq-accordions{
    margin-bottom: 8rem;
  }
  .faq-accordions .m-accordion:last-child{
    margin-bottom: 0;
  }
  .faq-table{
    margin: 1.3rem 0 1rem 0;
  }
  .faq-table th,
  .faq-table td{
    padding: 1rem 1.3rem;
    font-size: 1.5rem;
  }
  .faq-table th{
    width: 11.8rem;
  }
  .faq-note{
    font-size: 1.6rem;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .department-movie{
    margin: 0 auto 8rem auto;
  }
  .teacher-title{
    font-size: 3.2rem;
    margin-bottom: 1rem;
  }
  .teacher-point__last{
    margin-bottom: 9rem;
  }
  .teacher-course{
    margin-bottom: 8rem;
  }
  .teacher-table{
    margin-bottom: 2.5rem;
  }
  .teacher-table th,
  .teacher-table td{
    font-size: 2.1rem;
  }
  .teacher-table th{
    width: 30.5%;
    padding: 1.3rem 0.5rem;
  }
  .teacher-table td{
    padding: 1.1rem 1.5rem;
  }
  .m-note__item{
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  .teacher-faq{
    margin-bottom: 10.5rem;
  }
  .faq-content .m-accordion{
    margin-bottom: 3rem;
  }
  .faq-table{
    margin: 1rem 0 1rem 0;
  }
  .faq-table th,
  .faq-table td{
    padding: 1rem 1rem;
    font-size: 2.1rem;
  }
  .faq-table th{
    width: 13rem;
  }
  .faq-note{
    font-size: 2rem;
    font-weight: 500;
  }
  
}

/*==================================================

環境農学科

==================================================*/
.environment-movie__title{
  font-weight: bold;
}
.environment-movie iframe{
  aspect-ratio: 112 / 63;
  vertical-align: bottom;
}
.environment-movie img{
  width: 100%;
  object-fit: cover;
  aspect-ratio: 112 / 63;
}
.environment-title{
  color: #54a8dc;
  font-weight: bold;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.environment-title:before,
.environment-title:after{
  content: "";
  background-color: #54a8dc;
  display: block;
  transform: rotate(45deg);
  position: absolute;
}
.-environment .m-button:last-child{
  margin-bottom: 0;
}
.environment-step{
  background-color: #fff;
  border: 1px #54a8dc solid;
  border-radius: 0.8rem;
  position: relative;
}
.environment-step:last-child{
  margin-bottom: 0;
}
.environment-step__title{
  background-color: #54a8dc;
  position: absolute;
  left: 0;
  right: 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border-radius: 0.5rem;
  box-sizing: border-box;
}
.environment-step__title:after{
  background-color: #54a8dc;
  content: "";
  left: 0;
  right: 0;  
  margin: 0 auto;
  position: absolute;
  display: block;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  transform: rotate(90deg);
}
.environment-step__title:before{
  background-color: rgba(84,168,220,0.1);
  border-radius: 1rem;
  content: "";
  margin: 0 auto;
  position: absolute;
  display: block;
}

.environment-step__list{
  display: flex;
  flex-wrap: wrap;
}
.environment-step__listItem{
  font-weight: 500;
  line-height: 1.44;
  text-align: center;
  box-sizing: border-box;
}
.environment-step__listItem:nth-child(even){
  border-right: 1px #54a8dc dashed;
}
.environment-step__listItem:first-child{
  width: 100%;
  font-weight: bold;
  border-bottom: 1px #54a8dc dashed;
  border-right: none;
}
.environment-step__list > li:only-child {
  border-bottom: none;
}

.environment-pointTitle{
  color: #54a8dc;
  font-weight: bold;
}
.m-column.-buttonbottom .m-column__item{
  display: flex;
  flex-direction: column;
}
.m-column.-buttonbottom .m-button{
  margin-top: auto;
}

.environment-box{
  background-color: #fff;
  border-radius: 1rem;
  position: relative;
}
.environment-box .m-text{
  margin-bottom: 0;
}
.environment-box__title{
  color: #54a8dc;
  font-weight: bold;
  text-align: center;
}

.environment-box .m-button{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.environment-abroadTitle{
  display: flex;
  align-items: center;
}
.environment-abroadText{
  font-weight: bold;
}
.environment-abroadTitle{
  font-weight: bold;
  margin-bottom: 2.5rem;
}

.-abroad .m-button__item:before{
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/department/environment/icon01-white.svg") center center no-repeat;  
}
.-area .m-button__item:before{
  width: 2.7rem;
  height: 3.1rem;
  background: url("../images/department/environment/icon02-white.svg") center center no-repeat;  
}
.-area .m-button__item:before,
.-abroad .m-button__item:before{
  content: "";
  display: inline-block;
  background-size: 100% auto;
  margin-right: 1.2rem;
  vertical-align: middle;
  position: relative;
  top: -0.2rem;
}

/* PC */
@media print,only screen and (min-width: 768px){  
  .environment-movie__title{
    font-size: 1.8rem;
    line-height: 1.66;
    margin-top: 1.8rem;
  }
  .environment-title{
    font-size: 2.2rem;
    line-height: 1.36;
    padding: 2rem 1.5rem;
    margin-bottom: 3.5rem;
  }
  .environment-title:before,
  .environment-title:after{
    width: 5rem;
    height: 5rem;
  }
  .environment-title:before{
    left: -2.7rem;
    top: -2.7rem;
  }
  .environment-title:after{
    right: -2.7rem;
    bottom: -2.7rem;
  }
  .m-column.-environment{
    margin:4.5rem 0 8rem 0;
  }
  .-environment .m-button{
    margin-bottom: 3rem;
  }
  .environment-step{
    padding: 2.8rem 0 0 0;
    margin-bottom: 5.5rem;
  }
  .environment-step:first-child{
    margin-top: 2rem;
  }
  .environment-step__title{
    width: 83%;
    max-width: 34rem;
    top: -2.7rem;
    font-size: 2rem;
    padding: 0.6rem 1rem;
  }
  .environment-step__title:after{
    width: 1.3rem;
    height: 2rem;
    left: 0;
    right: 0;  
    bottom: -1.5rem;
  }
  .environment-step__title:before{
    height: 0.5rem;
    left: 1rem;
    right: 1rem;  
    bottom: -0.4rem;
  }

  .environment-step__listItem{
    width: calc( 50% - 0.5rem );
    font-size: 1.6rem;
    line-height: 1.44;
    padding: 1.5rem 1rem;
  }
  .environment-step__listItem:first-child{
    font-size: 1.8rem;
    padding: 1.8rem 1rem;
  }

  .environment-pointTitle{
    font-size: 2rem;
    margin:1rem 0 1.5rem 0;
  }
  .m-column.-buttonbottom .m-column__item{
    display: flex;
    flex-direction: column;
  }
  .m-column.-buttonbottom .m-button{
    margin-top: auto;
  }
  .production-course .m-column{
    margin-bottom: 8rem;
  }
  .production-course .production-bar{
    margin-bottom: 2.7rem;
  }
  .production-course .m-text{
    margin-bottom: 5rem;
  }

  .environment-box{
    padding: 2.2rem 4.5rem 3rem 4.5rem;
    margin-bottom: 6rem;
  }
  .environment-box.-button{
    padding-bottom: 4.5rem;
    margin-bottom: 10.5rem;
  }
  .environment-box .m-text{
    margin-bottom: 0;
  }
  .environment-box__title{
    font-size: 2.6rem;
    margin-bottom: 1rem;
  }

  .environment-box .m-button{
    width: 41rem;
    bottom: -3.4rem;
  }

  .environment-abroadTitle{
    gap:0 1.5rem;
    margin-bottom: 1.7rem;
  }
  img.environment-abroadTitle__image{
    width: 6.4rem!important;
  }
  .environment-abroadText{
    font-size: 1.6rem;
    line-height: 1.625;
  }
  .twoline .m-button__item{
    font-size: 1.6rem;
    padding: 1.12rem 4rem 1.12rem 2rem;
  }
}

/* SP */
@media screen and (max-width: 767px){	   
  .environment-movie__title{
    font-size: 3rem;
    line-height: 1.46;
    margin-top: 1.5rem;
  }
  .environment-title{
    font-size: 3.6rem;
    line-height: 1.38;
    padding: 2.5rem 1.5rem;
    margin-bottom: 3.5rem;
  }
  .environment-title:before,
  .environment-title:after{
    width: 7rem;
    height: 7rem;
  }
  .environment-title:before{
    left: -3.5rem;
    top: -3.5rem;
  }
  .environment-title:after{
    right: -3.5rem;
    bottom: -3.5rem;
  }
  .m-column.-environment{
    margin:3.5rem 0 7.5rem 0;
  }
  .-environment .m-button{
    margin-bottom: 3.5rem;
  }
  .environment-step{
    padding: 3.9rem 0 0 0;
    margin-bottom: 8rem;
  }
  .environment-step:first-child{
    margin-top: 10rem;
  }
  .environment-step__title{
    width: 58rem;
    top: -3.6rem;
    font-size: 2.8rem;
    padding: 0.8rem 1rem;
  }
  .environment-step__title:after{
    width: 1.3rem;
    height: 2rem;
    left: 0;
    right: 0;  
    bottom: -1.5rem;
  }
  .environment-step__title:before{
    height: 0.5rem;
    left: 1rem;
    right: 1rem;  
    bottom: -0.4rem;
  }

  .environment-step__listItem{
    width: calc( 50% - 0.5rem );
    font-size: 2.6rem;
    line-height: 1.285;
    padding: 1.8rem 1rem;
  }
  .environment-step__listItem:first-child{
    font-size: 2.8rem;
    padding: 2rem 1rem;
  }

  .environment-pointTitle{
    font-size: 3rem;
    margin:2.5rem 0 0.5rem 0;
  }
  .m-column.-buttonbottom .m-column__item{
    display: flex;
    flex-direction: column;
  }
  .m-column.-buttonbottom .m-button{
    margin-top: auto;
  }
  .production-course .m-column{
    margin-bottom: 7.5rem;
  }
  .production-course .production-bar{
    margin-bottom: 2.7rem;
  }
  .production-course .m-text{
    margin-bottom: 5rem;
  }

  .environment-box{
    padding: 2.8rem 3.5rem 3rem 3.5rem;
    margin-bottom: 7.5rem;
  }
  .environment-box.-button{
    padding-bottom: 7.5rem;
    margin-bottom: 16.5rem;
  }
  .environment-box .m-text{
    font-size: 2.4rem;
    line-height: 1.66;
    margin-bottom: 0;
  }
  .environment-box__title{
    font-size: 3rem;
    margin-bottom: 1rem;
  }

  .environment-box .m-button{
    width: 64rem;
    bottom: -5rem;
  }

  .environment-abroadTitle{
    gap:0 2.8rem;
    margin-bottom: 3.3rem;
  }
  img.environment-abroadTitle__image{
    width: 11.7rem!important;
  }
  .environment-abroadText{
    font-size: 2.6rem;
    line-height: 1.69;
  }
  .-abroad .m-column__item {
    margin-bottom: 6rem;
  }
  .twoline .m-button__item{
    padding: 1.1rem 7.5rem 1.1rem 4.3rem;
  }
  
}

/*==================================================

教員紹介・研究室ガイド

==================================================*/
.teacher-heading,
.career-heading{
  color: #fff;
  background-color: #6f7d45;
  font-weight: bold;
  border-radius: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
.teacher-heading:before,
.career-heading:before{
  background-color: #6f7d45;
  content: "";
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  display: block;
  position: absolute;
  transform: rotate(90deg);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all .3s ease;
}
.teacher-heading:after,
.career-heading:after{
  background-color: rgba(106,120,67,0.2);
  content: "";
  display: block;
  position: absolute;
  border-radius: 0.5rem;
  z-index: -2;
}
.teacher-heading.-orange,
.teacher-heading.-orange:before,
.career-heading.-orange,
.career-heading.-orange:before{
  background-color: #dbb23c;
}
.teacher-heading.-yellow,
.teacher-heading.-yellow:before,
.career-heading.-yellow,
.career-heading.-yellow:before{
  background-color: #d3cd44;
}
.teacher-heading.-blue,
.teacher-heading.-blue:before,
.career-heading.-blue,
.career-heading.-blue:before{
  background-color: #54a8dc;
}
.teacher-heading.-pink,
.teacher-heading.-pink:before,
.career-heading.-pink,
.career-heading.-pink:before{
  background-color: #e7918f;
}
.teacher-heading.-orange:after,
.career-heading.-orange:after{
  background-color: rgba(219,178,60,0.2);
}
.teacher-heading.-yellow:after,
.career-heading.-yellow:after{
  background-color: rgba(211,205,68,0.2);
}
.teacher-heading.-blue:after,
.career-heading.-blue:after{
  background-color: rgba(84,168,220,0.2);
}
.teacher-heading.-pink:after,
.career-heading.-pink:after{
  background-color: rgba(231,145,143,0.2);
}

.teacher-list__item{
  border-radius: 0.8rem;
}
.-green .teacher-list__item{
  background-color: rgba(106,120,67,0.1);
  display: block;
}
.-orange .teacher-list__item{
  background-color: rgba(219,178,60,0.1);
}
.-yellow .teacher-list__item{
  background-color: rgba(211,205,68,0.1);
}
.-blue .teacher-list__item{
  background-color: rgba(84,168,220,0.1);
}
.-pink .teacher-list__item{
  background-color: rgba(231,145,143,0.1);
}
.teacher-list__item:last-child{
  margin-bottom: 0;
}
.teacher-list__buttons .m-button:last-child{
  margin-bottom: 0;
}
.-orange .teacher-list__text02{
  border-top: 1px #dbb23c solid;
}
.-yellow .teacher-list__text02{
  border-top: 1px #d3cd44 solid;
}
.-blue .teacher-list__text02{
  border-top: 1px #54a8dc solid;
}
.-pink .teacher-list__text02{
  border-top: 1px #e7918f solid;
}
.teacher-list__text01 span,
.teacher-list__text02Title{
  font-weight: bold;
}
span.teacher-list__note {
  font-weight: 500;
}
/* PC */
@media print,only screen and (min-width: 768px){ 
  .teacher-heading,
  .career-heading{
    height: 7rem;
    font-size: 3rem;
    margin-bottom: 3.5rem;
  }
  .career-heading{
    margin-bottom: 0;
  }
  .teacher-heading:before,
  .career-heading:before{
    width: 1.5rem;
    height: 2.3rem;
    bottom: -1.6rem;
  }
  .teacher-heading:after,
  .career-heading:after{
    height: 1rem;
    bottom: -0.4rem;
    left: 0.8rem;
    right: 0.8rem;
    z-index: -2;
  }
  .teacher-list{
    margin-bottom: 5.4rem;
  }
  .teacher-list__item{
    border-radius: 0.8rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:1.5rem 3rem;
    padding: 3rem;
    margin-bottom: 3rem;
  }
  .-green .teacher-list__item{
    font-size: 2.4rem;
    padding: 1.9rem 3.5rem;
  }
  .teacher-list__texts{
    flex: 1;
    margin-top: -0.5rem;
  }
  .teacher-list__buttons{
    width: 24.3rem;
  }
  .teacher-list__buttons .m-button{
    margin-bottom: 2rem;
  }
  .teacher-list__buttons .m-button__item{
    padding: 1.7rem 4rem 1.7rem 2rem;
  }
  .teacher-list__text01{
    font-size: 2.4rem;
    line-height: 1.5;
  }
  .teacher-list__text02{
    font-size: 1.6rem;
    line-height: 1.875;
    padding-top: 2.2rem;
    margin-top: 1.3rem;
  }
  .teacher-list__text02Item{
    display: flex;
    gap:0 0.8em;
  }
  .teacher-list__text02Title{
    width: fit-content;
    white-space: nowrap;
  }
  .teacher-list__note {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}

@media (min-width: 768px) and (max-width: 1010px) {
  .teacher-list__texts{
    width: 100%;
    flex: auto;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .teacher-heading,
  .career-heading{
    font-size: 3.6rem;
    padding: 1.7rem 2rem;
    margin-bottom: 5.5rem;
  }
  .career-heading{
    margin-bottom: 0;
  }
  .teacher-heading:before,
  .career-heading:before{
    width: 1.8rem;
    height: 2.9rem;
    bottom: -1.8rem;
  }
  .teacher-heading:after,
  .career-heading:after{
    height: 1rem;
    bottom: -0.4rem;
    left: 01rem;
    right: 1rem;
    z-index: -2;
  }
  .teacher-list{
    margin-bottom: 6.5rem;
  }
  .teacher-list__item{
    border-radius: 0.8rem;
    padding: 3rem;
    margin-bottom: 4rem;
  }
  .-green .teacher-list__item{
    font-size: 3.4rem;
    padding: 2rem 3rem;
  }
  .teacher-list__buttons{
    margin-top: 4rem;
  }
  .teacher-list__buttons .m-button{
    margin-bottom: 3rem;
  }
  .teacher-list__buttons .m-button__item{
    padding: 2.5rem 4rem 2.5rem 2rem;
  }
  .teacher-list__text01{
    font-size: 3.4rem;
    line-height: 1.5;
  }
  .teacher-list__text02{
    font-size: 2.6rem;
    line-height: 1.5;
    padding-top: 2.2rem;
    margin-top: 1.3rem;
  }
  .teacher-list__text02Item{
    margin-bottom: 1.5rem;
  }
  .teacher-list__text02Item:last-child{
    margin-bottom: 0;
  }
  .teacher-list__note {
    font-size: 2.6rem;
    line-height: 1.5;
  }
}

/* 詳細
--------------------------------------------------*/
.teacher-detail__image img{
  border-radius: 0.8rem;
}
.teacher-detail__name{
  font-weight: bold;
}
.teacher-detail__name span{
  vertical-align: middle;
}
.teacher-detail__texts .m-button{
  background: linear-gradient(90deg, #5c9a03 0%, #81a203 100%);
  width: fit-content;
}
.teacher-detail__texts .m-button__item {
  background:none;
}
.teacher-detail__texts .m-button:before {
  background: linear-gradient(90deg, #81a203 0%, #5c9a03 100%);
}
.teacher-detail__table{
  width: 100%;
  background-color: #fff;
  border-top: 1px #86af0c dashed;
}
.teacher-detail__table th,
.teacher-detail__table td{
  border-bottom: 1px #86af0c dashed;
  font-weight: 500;
}
.teacher-detail__table th{
  background-color: #e7eeda;
  color: #678902;
  font-weight: bold;
}
.teacher-detail .m-box{
  background-color: #fff;
}
.teacher-detail .teacher-word{
  color: #678902;
  font-weight: bold;
}
.teacher-movie__note{
  font-weight: 500;
}
.teacher-guide .teacher-heading{
  background-color: #6c8f03;
  border-radius: 0.8rem 0.8rem 0 0;
}
.teacher-guide .teacher-heading:before{
  background-color: #6c8f03;
}
.teacher-guide__title{
  color: #678902;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
.teacher-guide{
  background-color: #fff;
  border-radius: 0.8rem;
}
.teacher-guide .m-line{
  margin: 0;
}
.teacher-guide__item:last-child{
  margin-bottom: 0;
}
.teacher-guide__text01{
  font-weight: bold;
  position: relative;
}
.teacher-guide__text01:before{
  content: "Q";
  border-radius: 50%;
  background-color: #a1c41e;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher-guide__text02{
  color: #6c8f03;
  font-weight: bold;
}
.teacher-guide__text03{
  font-weight: 500;
}
.teacher-guide__image img{
  width: 100%;
  border-radius: 0.8rem;
}
.teacher-guide__caption{
  color: #404040;
  letter-spacing: 0;
}
.teacher-guide .m-point__titleIn:before {
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .teacher-detail .m-buttons{
    margin-top: 9rem; 
  }
  .teacher-detail__item{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .teacher-detail__image{
    width: 29.1%;
  }
  .teacher-detail__right{
    width: 66.8%;
  }
  .teacher-detail__texts{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    white-space: nowrap;
    gap:1rem;
    margin-bottom: 3.1rem;
  }
  .teacher-detail__name{
    font-size: 3rem;
  }
  .teacher-detail__name span{
    font-size: 1.6rem;
    margin-left: 2.2rem;
    vertical-align: middle;
  }
  .teacher-detail__texts .m-button__item {
    padding: 1.2rem 2.4rem 1.2rem 3rem;
  }
  .teacher-detail__texts .m-button a[target="_blank"]:after{
    margin-left: 1.3rem;
  }
  .teacher-detail__table th,
  .teacher-detail__table td{
    padding: 1.2rem 2rem;
    font-size: 1.6rem;
  }
  .teacher-detail__table th{
    width: 33%;
  }
  .teacher-movie{
    max-width: 60rem;
  }
  .teacher-movie__note{
    font-size: 1.6rem;
    margin-top: 1.3rem;
  }
  .teacher-guide .teacher-heading{
    margin: 0 -3rem 3.6rem -3rem;
    border-radius: 0.8rem 0.8rem 0 0;
  }
  .teacher-guide__title{
    font-size: 2.6rem;
    margin-bottom: 3.3rem;
  }
  .teacher-guide{
    padding:0 3rem 3rem 3rem;
    margin-top: 12rem;
  }
  .teacher-guide__item{
    margin: 2.8rem 0;
  }
  .teacher-guide__itemIn{
    display: flex;
    flex-wrap: wrap;
    gap:1.5rem 4rem;
  }
  .teacher-guide__item:last-child{
    margin-bottom: 0;
  }
  .teacher-guide__texts{
    flex: 1;
  }
  .teacher-guide__text01{
    font-size: 2rem;
    padding-left: 5rem;
    margin-bottom: 2.2rem;
  }
  .teacher-guide__text01:before{
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.8rem;
  }
  .teacher-guide__text02{
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .teacher-guide__text03{
    font-size: 1.6rem;
    line-height: 1.875;
  }
  .teacher-guide__image{
    margin-top: 1rem;
  }
  .teacher-guide__image.width_sp{
    width: 100%!important;
  }
  .teacher-guide__caption{
    font-size: 1.5rem;
    margin-top: 1.2rem;
  }
  .teacher-guide .m-point__title{
    margin-bottom: 4rem;
  }
  .teacher-guide .m-point__titleIn{
    font-size: 1.8rem;
    padding: 1.5rem 4rem;
    margin: 0 0 1rem 1rem;
  }
}

@media (min-width: 768px) and (max-width: 950px) {
  .teacher-guide__texts{
    width: 100%;
    flex: auto;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .teacher-detail .m-button{
    margin: 2rem auto 0 auto; 
  }
  .teacher-detail__image{
    width: 32rem;
    margin: 0 auto 3rem auto;
  }
  .teacher-detail__item{
    margin-bottom: 5rem;
  }
  .teacher-detail__texts{
    text-align: center;
    margin-bottom: 5rem;
  }
  .teacher-detail__name{
    font-size: 4rem;
    line-height: 1.7;
    margin-bottom: 3.8rem;
  }
  .teacher-detail__name span{
    font-size: 2.6rem;
    display: block;
  }
  .teacher-detail__texts .m-button__item {
    font-size: 2.8rem;
    padding: 2.5rem 5.5rem 2.5rem 6rem;
  }
  .teacher-detail__texts .m-button a[target="_blank"]:after{
    margin-left: 1.9rem;
  }
  .teacher-detail__table th,
  .teacher-detail__table td{
    padding: 1.2rem 2.8rem;
    font-size: 2.6rem;
  }
  .teacher-detail__table th{
    width: 39.5%;
  }
  .teacher-movie img{
    width: 100%;
  }
  .teacher-movie__note{
    font-size:2.5rem;
    margin-top: 1.8rem;
  }
  .teacher-guide .teacher-heading{
    margin: 0 -3rem 3.6rem -3rem;
    border-radius: 0.8rem 0.8rem 0 0;
  }
  .teacher-guide__title{
    font-size: 3.6rem;
    line-height: 1.55;
    margin-bottom: 4.5rem;
  }
  .teacher-guide{
    padding:0 3rem 3rem 3rem;
    margin-top: 7rem;
  }
  .teacher-guide__item{
    margin: 3.5rem 0;
  }
  .teacher-guide__texts{
  }
  .teacher-guide__text01{
    font-size: 3rem;
    padding-left: 6.3rem;
    margin-bottom: 3rem;
  }
  .teacher-guide__text01:before{
    width: 4.6rem;
    height: 4.6rem;
    font-size: 2.4rem;
  }
  .teacher-guide__text02{
    font-size: 3rem;
    line-height: 1.5;
    margin-bottom: 3rem;
  }
  .teacher-guide__text03{
    font-size: 2.6rem;
    line-height: 1.9;
  }
  .teacher-guide__image{
    margin: 4rem auto 0 auto;
  }
  .teacher-guide__image.width_pc{
    width: 100%!important;
  }
  .teacher-guide__caption{
    font-size: 2.6rem;
    margin-top: 2rem;
  }
  .teacher-guide .m-point__title{
    margin:5rem 0 4.5rem 0;
  }
  .teacher-guide .m-point__titleIn{
    font-size: 2.8rem;
    padding: 1.6rem 4.5rem;
    margin: 0 0 0 1.6rem;
  }  
}

/*==================================================

環境農学科 地球環境プログラム

==================================================*/
/* ４つの特徴
--------------------------------------------------*/
.fieldwork-item__image{
  margin-top: auto;
}
.fieldwork-item__image img{
  border-radius: 1rem;
}
.fieldwork-item__title{
  display: flex;
  align-items: center;
}
.fieldwork-item__titleIn{
  font-weight: bold;
  line-height: 1.5;
  position: relative;
}
.fieldwork-item__titleIn:before{
  background-color: #54a8dc;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fieldwork-item.-num01 .fieldwork-item__titleIn:before{
  content: "1";
}
.fieldwork-item.-num02 .fieldwork-item__titleIn:before{
  content: "2";
}
.fieldwork-item.-num03 .fieldwork-item__titleIn:before{
  content: "3";
}
.fieldwork-item.-num04 .fieldwork-item__titleIn:before{
  content: "4";
}

.m-table.-fieldwork th{
  background-color: #e4f0f7;
  color: #54a8dc;
  text-align: left;
  font-weight: bold;
  border-left: 1px #d2d2d2 solid;
  box-sizing: border-box;
}
.m-table.-fieldwork td{
  background-color: #fff;
}
.center{
  text-align: center;
}
.fieldwork-list li{
  padding-left: 1em;
  position: relative;
  line-height: 1.5;
}
.fieldwork-list li:before{
  content: "●";
  position: absolute;
  left: 0;
  color: #54a8dc;
}

.fieldwork-english{
  background-color: #fff;
  border-radius: 1rem;
}
.fieldwork-english .m-column{
  margin-bottom: 0;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .fieldwork-feature{
    margin-bottom:9rem;
  }
  .fieldwork-note{
    margin-top: -2rem;
  }
  .fieldwork-items{
    position: relative;
    margin-bottom: 7rem;
  }
  .fieldwork-items:before{
    content: "";
    border-left: 1px #54a8dc dashed;
    width: 1px;
    position: absolute;
    inset:0;
    margin: 0 auto;
    display: block;
  }
  .fieldwork-items__row{
    display: flex;
    gap:0 6rem;
    margin-bottom: 6rem;
    position: relative;
  }
  .fieldwork-items__row:before{
    content: "";
    border-bottom: 1px #54a8dc dashed;
    height: 1px;
    position: absolute;
    bottom: -3rem;
    left: 0;
    right: 0;
    display: block;
  }
  .fieldwork-items__row:after{
    content: "";
    background-color: #54a8dc;
    height: 1.1rem;
    width: 1.1rem;
    position: absolute;
    bottom: -3.55rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
  }
  .fieldwork-items__row:last-child:before,
  .fieldwork-items__row:last-child:after{
    content: none;
  }
  .fieldwork-items__row:last-child{
    margin-bottom: 0;
  }
  .fieldwork-item{
    width: calc( 50% - 3rem );
    display: flex;
    flex-direction: column;
  }
  .fieldwork-item__image{
    margin-top: auto;
  }
  .fieldwork-item__title{
    min-height: 4em;
    margin-bottom: 0.9rem;
  }
  .fieldwork-item__titleIn{
    font-size: 2rem;
    padding-left: 4rem;
  }
  .fieldwork-item__titleIn:before{
    width: 3rem;
    height: 3rem;
    font-size: 1.8rem;
  }
  .fieldwork-item__text{
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 2.3rem;
  }

  .m-table.-fieldwork th{
    width: 32rem;
  }
  .fieldwork-list li:before{
    top: 0.7em;
    font-size: 0.8rem;
  }
  .fieldwork-table__note{
    margin-top: -2.5rem;
  }

  .fieldwork-english{
    padding: 3rem 3.5rem 4rem 3.4rem;
    margin-bottom: 11rem;
  }
  .fieldwork-english .m-column {
    gap:0 3rem;
  }
  .fieldwork-english .m-column.-col2 .m-column__item {
    width: calc( 50% - 1.5rem );
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .fieldwork-feature{
  }
  .fieldwork-note{
    margin-top: -2rem;
  }
  .fieldwork-items{
  }
  .fieldwork-item{
  }
  .fieldwork-item__image{
    margin-top: auto;
  }
  .fieldwork-item__title{
    min-height: 3em;
  }
  .fieldwork-item__titleIn{
    font-size: 3.2rem;
    padding-left: 5.8rem;
    margin-bottom: 2.5rem;
  }
  .fieldwork-item__titleIn:before{
    width: 4rem;
    height: 4rem;
    font-size: 2.4rem;
  }
  .fieldwork-item__text{
    font-size: 2.6rem;
    line-height: 1.923;
    margin-bottom: 4.5rem;
  }

  .m-table.-fieldwork th,
  .m-table.-fieldwork td{
    font-size: 2.6rem;
    line-height: 1.538;
  }
  .m-table.-fieldwork th{
    width: 25rem;
  }
  .fieldwork-list li:before{
    top: 0.6em;
    font-size: 1.45rem;
  }
  .fieldwork-table__note{
    margin: -7rem 0 8rem 0;
  }

  .fieldwork-english{
    padding: 4rem 3rem 6rem 3rem;
    margin-bottom: 6rem;
  }
  .fieldwork-english .m-column__item{
    margin-bottom: 4rem;
  }
}

/* 留学先大学
--------------------------------------------------*/
.fieldwork-title,
.environment-intro__title{
  text-align: center;
}
.fieldwork-title__item,
.environment-intro__titleItem{
  width: fit-content;
  color: #54a8dc;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}
.fieldwork-title__item:before,
.fieldwork-title__item:after,
.environment-intro__titleItem:before,
.environment-intro__titleItem:after{
  content: "";
  background-color: #54a8dc;
  font-weight: bold;
  transform: rotate(45deg);
  position: absolute;
  display: block;
}

.fieldwork-abroad__main{
  position: relative;
}
.fieldwork-abroad__main img{
  width: 100%;
  border-radius: 1rem;
}
.fieldwork-abroad__item{
  background-color: #fff;
  border-radius: 1rem;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  box-sizing: border-box;
}
.fieldwork-abroad__logo img{
  border-radius: 0;
}
.fieldwork-abroad__texts{
  font-weight: bold;
}
.fieldwork-abroad__linkItem{
  color: #54a8dc;
  position: relative;
}
.fieldwork-abroad__linkItem:before {
	background-color: #54a8dc;
	content: "";
	clip-path: polygon(100% 50%, 0 0, 0 100%);
	display: block;
	position: absolute;
}
.fieldwork-abroad__linkItem:after {
	content: "";
  background: url("../images/shared/blank.svg") center center no-repeat;
  display: inline-block;
}

.fieldwork-abroad .m-accordion__title{
  color: #0d0d0d!important;
}

.fieldwork-abroad .m-accordion__content{
  background-color: #fff;
  border-radius: 0 0 1rem 1rem;
}
.abroad-image img{
  border-radius: 1rem;
}
.abroad-image__caption{
  color: #404040;
  font-weight: 500;
}

.fieldwork-profile__text{
  font-weight: 500;
}
.fieldwork-profile__text span{
  font-weight: 500;
}
.fieldwork-profile__image img{
  border-radius: 1rem;
  width: 100%;
}
.fieldwork-profile__caption{
  font-weight: 500;
  text-align: center;
}
.fieldwork-profile__caption span{
  font-weight: bold;
  display: block;
}
.environment-intro{
  background-color: #fff;
  border-radius: 1rem;
}

/* PC */
@media print,only screen and (min-width: 768px){
  .fieldwork-abroad{
    margin-bottom: 7rem;
  }
  .environment-intro{
    padding: 3.5rem 3.5rem 4.5rem 3.4rem;
    margin-bottom: 8rem;
  }
  .environment-intro .m-button{
    max-width: 41rem;
    margin: 0 auto;
  }


  .fieldwork-title:not(.-mb0){
    margin-bottom: 3rem;
  }
  .environment-intro__title{
    margin-bottom: 2.3rem;
  }
  .fieldwork-english .fieldwork-title{
    margin-bottom: 3.3rem;
  }
  .fieldwork-title__item,
  .environment-intro__titleItem{
    width: fit-content;
    font-size: 3rem;
    line-height: 1.3;
    padding: 1rem 4.7rem 0 4.7rem;
  }
  .environment-intro__titleItem{
    font-size: 2.2rem;
    line-height: 1.36;
    padding: 2rem 2.5rem;
  }
  .fieldwork-title__item:before,
  .fieldwork-title__item:after,
  .environment-intro__titleItem:before,
  .environment-intro__titleItem:after{
    width: 6rem;
    height: 6rem;
    font-size: 3rem;
  }
  .fieldwork-title__item:before,
  .environment-intro__titleItem:before{
    top: -3.6rem;
    left: -3.6rem;
  }
  .fieldwork-title__item:after,
  .environment-intro__titleItem:after{
    right: -3.6rem;
    bottom: -3.6rem;
  }

  .fieldwork-abroad__main{
    margin-bottom: 14rem;
  }
  .fieldwork-abroad__item{
    max-width: 60rem;
    width: 95%;
    display: flex;
    gap:0 2.7rem;
    padding: 3rem;
    position: absolute;
    bottom: -27%;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .fieldwork-abroad__logo{
    width: 10rem;
  }
  .fieldwork-abroad__texts{
    flex: 1;
    line-height: 1.5;
  }
  .fieldwork-abroad__text01{
    font-size: 2.6rem;
    margin-bottom: 0.5rem;
  }
  .fieldwork-abroad__text02{
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .fieldwork-abroad__linkItem{
    font-size: 1.6rem;
    padding-left: 1.8rem;
  }
  .fieldwork-abroad__linkItem:before {
    width: 0.9rem;
    height: 1.1rem;
    top: 0.05em;
    left: 0.5rem;
  }
  .fieldwork-abroad__linkItem:after {
    width: 1rem;
    height: 1.1rem;
    margin-left: 1.1rem;
  }

  .fieldwork-abroad .m-accordion__title{
    font-size: 2rem;
  }

  .fieldwork-abroad .m-accordion__content{
    margin: 1.5rem -3rem -3.7rem -3rem;
    padding: 3.5rem;
    border-radius: 0 0 1rem 1rem;
  }
  .abroad-images{
    display: flex;
    flex-wrap: wrap;
    gap:3.2rem 3rem;
  }
  .abroad-image{
    width: calc( 50% - 1.5rem );
  }
  .abroad-image img{
    border-radius: 1rem;
  }
  .abroad-image__caption{
    font-size: 1.5rem;
    margin-top: 1.2rem;
  }

  .fieldwork-profile{
    display: flex;
    gap:0 4rem;
  }
  .fieldwork-profile__text{
    font-size: 1.6rem;
    line-height: 1.875;
    flex: 1;
  }
  .fieldwork-profile__text p{
    margin-bottom: 3rem;
  }
  .fieldwork-profile__text p:last-child{
    margin-bottom: 0;
  }
  .fieldwork-profile__text span{
    font-size: 1.6rem;
    flex: 1;
  }
  .fieldwork-profile__image{
    width: 30.4%;
  }
  .fieldwork-profile__caption{
    font-size: 1.3rem;
    line-height: 1.538;
    margin: 2rem -2rem 0 -2rem;
  }
  .fieldwork-profile__caption span{
    font-size: 1.8rem;
  }
}

@media (min-width: 768px) and (max-width: 930px) {
  .fieldwork-abroad__item{
    gap:0 1.8rem;
    padding: 1.8rem;
  }
  .fieldwork-abroad__text01{
    font-size: 2.2rem;
  }
  .fieldwork-abroad__text02{
    font-size: 1.4rem;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  
  .environment-intro{
    padding: 4.5rem 3rem 3.5rem 3rem;
    margin-bottom: 8rem;
  }
  .environment-intro .m-button{
    margin-bottom: 0;
  }
  .fieldwork-title:not(.-mb0),
  .environment-intro__title{
    margin-bottom: 6rem;
  }
  .environment-intro__title{
    line-height: 1.35;
  }
  .fieldwork-title__item,
  .environment-intro__titleItem{
    width: fit-content;
    font-size: 4rem;
    padding: 1rem 6.7rem 0 6.7rem;
  }
  .fieldwork-title__item:before,
  .fieldwork-title__item:after,
  .environment-intro__titleItem:before,
  .environment-intro__titleItem:after{
    width: 8rem;
    height: 8rem;
  }
  .fieldwork-title__item:before,
  .environment-intro__titleItem:before{
    top: -4.5rem;
    left: -4.5rem;
  }
  .fieldwork-title__item:after,
  .environment-intro__titleItem:after{
    right: -4.5rem;
    bottom: -4.5rem;
  }

  .fieldwork-abroad__main{
    margin-bottom: 32rem;
  }
  .fieldwork-abroad__item{
    width: 60rem;
    display: flex;
    gap:0 3.5rem;
    padding: 2.5rem;
    position: absolute;
    top: 24.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .fieldwork-abroad__logo{
    width: 13rem;
  }
  .fieldwork-abroad__texts{
    flex: 1;
    line-height: 1.5;
  }
  .fieldwork-abroad__text01{
    font-size: 3.6rem;
    margin-bottom: 0.5rem;
  }
  .fieldwork-abroad__text02{
    font-size: 2.6rem;
    margin-bottom: 1rem;
  }
  .fieldwork-abroad__linkItem{
    font-size: 2.6rem;
    padding-left: 3rem;
  }
  .fieldwork-abroad__linkItem:before {
    width: 1.7rem;
    height: 1.9rem;
    top: 0.05em;
    left: 0;
  }
  .fieldwork-abroad__linkItem:after {
    width: 2.2rem;
    height: 2.2rem;
    margin-left: 1.1rem;
  }

  .fieldwork-abroad .m-accordion__title{
  }

  .fieldwork-abroad .m-accordion__content{
    margin: 1.5rem -3rem -2rem -3rem;
    padding: 3.5rem;
    border-radius: 0 0 1rem 1rem;
  }
  .abroad-image__caption{
    font-size: 2.5rem;
    margin-top: 1rem;
  }
  .abroad-image{
    margin-bottom: 5rem;
  }
  .abroad-image:last-child{
    margin-bottom: 0;
  }

  .fieldwork-profile{
  }
  .fieldwork-profile__text{
    font-size: 2.6rem;
    line-height: 1.923;
    margin-bottom: 4rem;
  }
  .fieldwork-profile__text span{
    font-size: 2.8rem;
  }
  .fieldwork-profile__image{
    text-align: center;
  }
  .fieldwork-profile__image img{
    width: 32rem;
    margin: 0 auto;
  }
  .fieldwork-profile__caption{
    font-size: 2.8rem;
    line-height: 1.538;
    margin-top: 3rem;
  }
  .fieldwork-profile__caption span{
    font-size: 2.4rem;
  }
  
  
  .-green .m-spmore__button:after {
    border-bottom: 1px #6c8f03 dashed;
  }
  .-orange .m-spmore__button:after {
    border-bottom: 1px #dbb23c dashed;
  }
  .-yellow .m-spmore__button:after {
    border-bottom: 1px #d3cd44 dashed;
  }
  .-blue .m-spmore__button:after {
    border-bottom: 1px #54a8dc dashed;
  }
  .-pink .m-spmore__button:after {
    border-bottom: 1px #e7918f dashed;
  }
  .-green .m-spmore__buttonItem {
    background-color: #6c8f03;
  }
  .-orange .m-spmore__buttonItem {
    background-color: #dbb23c;
  }
  .-yellow .m-spmore__buttonItem {
    background-color: #d3cd44;
  }
  .-blue .m-spmore__buttonItem {
    background-color: #54a8dc;
  }
  .-pink .m-spmore__buttonItem {
    background-color: #e7918f;
  }
  .-green .m-spmore__buttonItem:after {
    background-color: rgba(108, 143, 3, 0.2);
  }
  .-orange .m-spmore__buttonItem:after {
    background-color: rgba(219, 178, 60, 0.2);
  }
  .-yellow .m-spmore__buttonItem:after {
    background-color: rgba(211, 205, 68, 0.2);
  }
  .-blue .m-spmore__buttonItem:after {
    background-color: rgba(84, 168, 220, 0.2);
  }
  .-pink .m-spmore__buttonItem:after {
    background-color: rgba(231, 145, 143, 0.2);
  }
  .m-spmore__button {
    position: relative;
    text-align: center;
  }
  .m-spmore__button:after{  
    height: 1px;
    content: "";
    position: absolute;
    inset:0;
    margin: auto 0;
    display: block;
    z-index: -1;
  }
  .m-spmore__buttonItem{ 
    background: url("../images/shared/arrow-down.svg") right 3.2rem center no-repeat;
    background-size: 2.8rem auto;
    width: 38rem;
    height: 10rem;
    color: #fff;
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    border-radius: 10rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer;
  }
  .m-spmore__buttonItem:after{    
    content: "";
    height: 10rem;
    position: absolute;
    left: 0.9rem;
    right: 0.9rem;
    bottom: -0.4rem;
    border-radius: 10rem;
    display: block;
    z-index: -1;
  }
}

/*==================================================

先端食農学科 

==================================================*/
.food-movie .m-column__item{
  font-weight: bold;
}

.food-link__itemIn{
  color: #de7a78;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  display: block;
}
.food-link__itemIn[target="_blank"]:after{
  content:"";
  background: url("../images/shared/blank.svg") 0 0 no-repeat;
  background-size: 100% auto;
  display: inline-block;
}
.food-link__itemIn:before{
	background-color: #f1b7b5;
	content: "";
	clip-path: polygon(100% 50%, 0 0, 0 100%);
	display: block;
	position: absolute;
}

.production-point .production-bar__text02{
  font-weight: 400;
}

/* PC */
@media print,only screen and (min-width: 768px){
  .food-movie{
    margin-bottom: 9rem;
  }
  .food-movie .m-column__item{
    font-size: 1.8rem;
    line-height: 1.66;
  }

  .food-facility{
    margin-bottom: 10.5rem;
  }
  .food-link__itemIn{
    font-size: 1.6rem;
    line-height: 1.5;
    padding-left: 1.2em;
  }
  .food-link__itemIn[target="_blank"]:after{
    width: 1.4rem;
    height: 1.4rem;
    margin-left: 1rem;
  }
  .food-link__itemIn:before{
    width: 0.9rem;
    height: 1.1rem;
    top: 0.3em;
    left: 0.5rem;
  }

  .production-point .production-bar__text02{
    font-weight: 400;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .food-movie{
    margin-bottom: 8rem;
  }
  .food-movie .m-column__item{
    font-size: 2.6rem;
    line-height: 1.66;
  }

  .food-facility{
    margin-bottom: 10.5rem;
  }
  .food-link__item{
    margin:-4rem 0 4rem 0;
  }
  .food-link__itemIn{
    font-size: 2.6rem;
    line-height: 1.5;
    padding-left: 1.2em;
  }
  .food-link__itemIn[target="_blank"]:after{
    width: 2rem;
    height: 2rem;
    margin-left: 1.5rem;
  }
  .food-link__itemIn:before{
    width: 1.7rem;
    height: 2rem;
    top: 0.3em;
    left: 0.5rem;
  }

  .production-point .production-bar__text02{
    font-weight: 400;
  }
}

/*  先端食農学科 専門領域
--------------------------------------------------*/
.foodField-box{
  background-color: #fff;
  border-radius: 1rem;
  color: #e7918f;
  font-weight: bold;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .foodField-box{
    padding: 2rem 3rem;
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 5.5rem;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .foodField-box{
    padding: 2rem 2.5rem;
    font-size: 2.6rem;
    line-height: 1.8;
    margin:-2rem 0 7rem 0;
  }
}

/*==================================================

農産研究センター

==================================================*/
.center-content .m-accordion__title{
  color: #0d0d0d;
}
.center-content .m-list01__left{
  white-space: nowrap;
  font-weight: bold;
}
.center-content .m-list01__right{
  flex: 1;
}
.center-content .italic-wrap {
  white-space: nowrap;
}
.center-content .italic-text {
  font-style: italic;
}
.center-link{
  background-color: #fff;
}
.center-link__itemIn{
  border-bottom: 1px #ccc dashed;
  position: relative;
  display: block;
  font-weight: 500;
  line-height: 1.5;
}
.center-link__itemIn:before{
  content: "PDF";
  background-color: #f21b00;
  color: #fff;
  line-height: 1;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* PC */
@media print,only screen and (min-width: 768px){
  .fs18{
    font-size: 1.8rem;
  }
  .fs20{
    font-size: 2rem!important;
  }
  .m-column.-colcenter .m-column__item:first-child{
    flex: 1;  
  }
  .m-column.-colcenter .m-column__item:last-child{
    width: 34.9%;
  }
  .center-content .m-title04{
    margin-bottom: 3.5rem;
  }
  .center-content .m-accordion__title{
    font-size: 2rem;
  }
  .center-content .m-list01__item{
  display: flex;
    gap:0 1.6rem;
  }
  .center-link{
    padding: 1.5rem 3.5rem 3rem 3.5rem;
  }
  .center-link__itemIn{
    padding: 1.6rem 0 1.6rem 6.8rem;
    position: relative;
    font-size: 1.8rem;
    transition: all .3s ease;
  }
  .center-link__itemIn:hover{
    color: #678902;
    text-decoration: underline;
  }
  .center-link__itemIn:before{
    width: 5rem;
    height: 2rem;
    font-size: 1.4rem;
    position: absolute;
    left: 0.4rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .fs18{
    font-size: 2.8rem;
  }
  .center-content .m-list01__left{
    display: block;
  }
  .center-link{
    padding: 1.5rem 3rem 3rem 3rem;
  }
  .center-link__itemIn{
    padding: 1.6rem 0;
    font-size: 2.9rem;
  }
  .center-link__itemIn:before{
    width: 6.5rem;
    height: 3rem;
    font-size: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
  }
}

/*==================================================

キャリア支援・就職実績

==================================================*/
.career-year{
  background-color: #fff;
  border: 1px #6c8f03 solid;
  border-radius: 1rem;
  position: relative;
  box-sizing: border-box;
}
.career-year .m-list01{
  margin-bottom: 0;
}
.career-year .m-list01__item{
  font-weight: bold;
  margin-bottom: 0;
}
.career-year__title{
  background-color: #6c8f03;
  border-radius: 0.5rem;
  position: absolute;
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.career-year__title:before{
  content: "";
  background-color: #6c8f03;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  display: block;
  position: absolute;
  transform: rotate(90deg);
  display: block;
  position: absolute;
}
.career-year__title:after{
  background-color: rgba(108,143,3,0.2);
  content: "";
  display: block;
  position: absolute;
  border-radius: 0.5rem;
}

.career-topimage{
  position: relative;
}
.career-topimage img{
  width: 100%;
}
.career-topimage__text span{
  position: relative;
}
.career-topimage__text{
  height: fit-content;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 1rem;
  box-sizing: border-box;
}
.career-topimage__bg{
  position: absolute;
  inset:0;
  background-color: rgba(108,143,3,1);
  opacity: 0.8;
  border-radius: 1rem;
}
.career-topimage__text:before{
  content: "";
  position: absolute;
  inset:0;
  background: linear-gradient(
  320deg,
  rgba(209, 200, 77, 1) 0%,
  rgba(63, 168, 123, 1) 100%);
  mix-blend-mode: overlay;
  opacity: 0.3;
}
.career-box{
  background-color: #fff;
  border-radius: 0 0 1rem 1rem;
}
.career-box .m-title04__note {
  display: inline-block;
  vertical-align: text-top;
}
.career-image img{
  width: 100%;
}
.career-list{
  box-sizing: border-box;
  border-left: 1px #ccc dashed;
}
.career-list__item{
  position: relative;
  font-weight: 500;
}
.career-list__item:last-child{
  margin-bottom: 0;
}
.career-list__item:before{
  content: "⚫︎";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
}
.-orange .career-list__item:before{
  color: #dbb23c;
}
.-yellow .career-list__item:before{
  color: #d3cd44;
}
.-blue .career-list__item:before{
  color: #54a8dc;
}
.-pink .career-list__item:before{
  color: #e7918f;
}

/* PC */
@media print,only screen and (min-width: 768px){ 
  .career-years{
    display: flex;
    gap:0 4rem;
  }
  .career-year{
    width: calc( ( 100% / 3 ) - 2.667rem );
    padding: 4.4rem 1.2rem 2rem 1.4rem;
    margin: 4.2rem 0 4.5rem 0;
  }
  .career-year .m-list01__item{
    padding-left: 2.7rem;
  }
  .career-year .m-list01__item:before{
    width: 1.5rem;
    height: 1.5rem;
  }
  .career-year .m-list01__item span{
    font-size: 1.4rem;
  }
  .career-year__title{
    width: 13rem;
    height: 5rem;
    left: 1.4rem;
    top: -2.5rem;
    font-size: 2rem;
  }
  .career-year__title:before{
    left: 3.6rem;
    width: 1.5rem;
    height: 2.3rem;
    bottom: -1.6rem;
  }
  .career-year__title:after{
    height: 1rem;
    bottom: -0.4rem;
    left: 1rem;
    right: 1rem;
  }

  .career-topimage{
    margin-top: 9rem;
  }
  .career-topimage__text{
    max-width: 60rem;
    left: 2rem;
    right: 2rem;
    font-size: 3.6rem;
    line-height: 1.5;
    border-radius: 1rem;
    padding: 2.2rem 1rem;
  }

  .career-box{
    margin-bottom: 8rem;
    padding: 5.3rem 3rem 3.5rem 3rem;
  }
  .career-box .m-title04{
    margin-bottom: 2.8rem;
  }
  .career-box .m-title04__note {
    margin-left: 1rem;
    font-size: 1.4rem;
  }
  .career-box .m-note {
    margin-top: 3rem;
  }
  .career-box .m-note__item {
    margin-bottom: .5rem;
  }
  .career-image{
    padding-right: 1rem;
    margin-bottom: 7.5rem;
  }
  .career-lists{
    display: flex;
    justify-content: space-between;
  }
  .career-list{
    width: 32%;
    box-sizing: border-box;
    border-left: 1px #ccc dashed;
    padding-left: 1.8rem;
  }
  .career-list__item{
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    padding-left: 1.7rem;
  }
  .career-list__item:before{
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .career-years{
    display: flex;
    gap:0 2rem;
  }
  .career-year{
    background-color: #fff;
    width: calc( ( 100% / 3 ) - 1.3334rem );
    padding: 4.2rem 1rem 1.8rem 0.8rem;
  }
  .career-year__title{
    width: 12rem;
    height: 5rem;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .career-years{
    margin-top: 7.7rem;
  }
  .career-year{
    padding: 5rem 2.5rem 1.5rem 2.5rem;
    margin-bottom: 6.5rem;
  }
  .career-year__title{
    width: 16rem;
    height: 6rem;
    left: 1.5rem;
    top: -3rem;
    font-size: 3rem;
  }
  .career-year__title:before{
    left: 3.2rem;
    width: 1.5rem;
    height: 2.3rem;
    bottom: -1.6rem;
  }
  .career-year__title:after{
    height: 1rem;
    bottom: -0.4rem;
    left: 1rem;
    right: 1rem;
  }

  .career-topimage{
    margin-top: 9rem;
  }
  .career-topimage__text{
    width: 52rem;
    left: 0;
    right: 0;
    font-size: 4.6rem;
    line-height: 1.5;
    border-radius: 1rem;
    padding: 1.3rem 1rem;
  }
  .career-box{
    margin-bottom: 6rem;
    padding: 4rem 3rem 5rem 3rem;
  }
  .career-box .m-title04{
    margin-bottom: 2.8rem;
  }
  .career-box .m-title04__note {
    font-size: 2.2rem;
  }
  .career-box .m-note {
    margin-top: 3rem;
  }
  .career-box .m-note__item {
    margin-bottom: .5rem;
    font-size: 2.2rem;
  }
  .career-image{
    margin-bottom: 8.5rem;
  }
  .career-list{
    border-left: none;
    padding-left: 1.5rem;
  }
  .career-list__item{
    font-size: 2.6rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    padding-left: 2.9rem;
  }
  .career-list__item:before{
    font-size: 2rem;
    top: 0.25em;
  }
  .career-list__item:last-child {
    margin-bottom: 1.5rem;
  }
}

/*==================================================

受験生向けイベント情報

==================================================*/
.events-opencampus{
  background-color: #fff;
  border-radius: 1rem;
}
.events-opencampus__title{
  width: fit-content;
  color: #678902;
  font-weight: bold;
  text-align: center;
  position: relative;
  overflow: hidden;
  letter-spacing: .04em;
}
.events-opencampus__title:before,
.events-opencampus__title:after{
  content: "";
  background-color: #6c8f03;
  display: block;
  transform: rotate(45deg);
  position: absolute;
}
.events-opencampus__note{
  color: #0d0d0d;
  font-weight: 500;
}
.link-box{
  background-color: #fff;
  border-radius: 1rem;
}
.link-box .m-title05{
  text-align: center;
}
.link-box__listItemIn{
  position: relative;
  font-weight: 500;
  display: block;
}
.link-box__listItem:last-child{
  margin-bottom: 0;
}
.link-box__listItemIn:before{
	background-color: #a1c41e;
	content: "";
	clip-path: polygon(100% 50%, 0 0, 0 100%);
	display: block;
	position: absolute;
  left: 0;
}
/* PC */
@media print,only screen and (min-width: 768px){ 
  .events-opencampus{
    padding: 4.5rem 3rem;
    margin-top: -2rem;
  }
  .events-opencampus__title{
    font-size: 2.4rem;
    line-height: 1.5;
    padding: 0.3rem 2.5rem;
    margin:0 auto 3.5rem auto;
  }
  .events-opencampus__title:before,
  .events-opencampus__title:after{
    width: 5rem;
    height: 5rem;
  }
  .events-opencampus__title:before{
    left: -2.7rem;
    top: -2.7rem;
  }
  .events-opencampus__title:after{
    right: -2.7rem;
    bottom: -2.7rem;
  }
  .events-opencampus__note{
    font-size: 1.6rem;
  }
  .link-box{
    padding: 3rem 3.5rem;
    margin-top: 7.5rem;
  }
  .link-box .m-title05{
    margin-bottom: 3rem;
  }
  .link-box__listItem{
    margin-bottom: 2rem;
  }
  .link-box__listItemIn{
    font-size: 1.6rem;
    padding-left: 2.3rem;
  }
  .link-box__listItemIn:hover{
    color: #678902;
    text-decoration: underline;
  }
  .link-box__listItemIn:before{
    width: 1.1rem;
    height: 1.2rem;
    top: 0.45em;
    left: 0;
  }
  .link-box__listItem span{
    margin-right: 1em;
  }
  .event-lecture .m-button{
    max-width: 41rem;
    margin: 0 auto;
  }
  .event-lecture .m-button__item{
    font-size: 2rem;
  }
}

/* SP */
@media screen and (max-width: 767px){	
  .events-opencampus{
    padding: 4rem 3rem;
  }
  .events-opencampus__title{
    font-size: 3.2rem;
    line-height: 1.5;
    padding: 2rem 6rem;
    margin:0 auto 3.5rem auto;
  }
  .events-opencampus__title:before,
  .events-opencampus__title:after{
    width: 7rem;
    height: 7rem;
  }
  .events-opencampus__title:before{
    left: -3.5rem;
    top: -3.5rem;
  }
  .events-opencampus__title:after{
    right: -3.5rem;
    bottom: -3.5rem;
  }
  .events-opencampus__note{
    font-size:2.4rem;
    margin-top: 1rem;
  }
  .link-box{
    padding: 5rem 3.5rem;
    margin-top: 7.5rem;
  }
  .link-box .m-title05{
    margin-bottom: 3rem;
  }
  .link-box__listItem{
    margin-bottom: 2rem;
  }
  .link-box__listItemIn{
    font-size: 2.6rem;
    line-height: 1.6;
    padding-left: 3rem;
  }
  .link-box__listItemIn:before{
    width: 1.4rem;
    height: 1.6rem;
    top: 0.3em;
    left: 0;
  }
  .link-box__listItem span{
    display: block;
  }
  .event-lecture .m-button{
    width: 100%;
  }
}

/* 
--------------------------------------------------*/
/* PC */
@media print,only screen and (min-width: 768px){ 
}

/* SP */
@media screen and (max-width: 767px){	
}

/* 
--------------------------------------------------*/
/* PC */
@media print,only screen and (min-width: 768px){ 
}

/* SP */
@media screen and (max-width: 767px){	
}