/* ======== page style======== */

.home-hero {
    padding: 25px 0px 105px;
    position: relative;
}

.home-slide__item {
    width: 100%;
}

.home-slide__item img {
    width: 100%;
    object-fit: cover;
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
}

.home-hero .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 90px;
}

.swiper-pagination-bullet {
    width: 11px !important;
    height: 11px !important;
    background: #333333 !important;
    border: 1px solid transparent;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: transparent !important;
    border-color: #333333;
}

.hero-sl .swiper-button-prev,
.hero-sl .swiper-button-next {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #333333;

    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    margin-top: 0px;
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
}

.swiper-button-prev::after,
.swiper-button-next::after {
    content: none !important;
}

.hero-sl .swiper-button-prev {
    left: 18.5%;
}

.hero-sl .swiper-button-next {
    right: 18.5%;
}

.swiper.hero-sl {
    padding: 25px 0px;
}

section.news {
    background-color: #cdf0e2;
    padding-top: 0px;
    position: relative;
}

.news .__img-ab {
    position: absolute;
}

.news .__img-ab.top {
    left: 81%;
    top: -73px;
}

.news .__img-ab.bottom {
    bottom: -29px;
    left: 12.5%;
}

.new__list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 25px;
}

.new__item {
    align-self: stretch;
    width: calc(100%/4 - 15px);
    border-radius: 8px;

    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    position: relative;
}

.new__item img.new {
    position: absolute;
    left: -16px;
    top: -16px;
    z-index: 10;
}

.new__item  .__thumb {
    display: block;
    overflow: hidden;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.new__item  .__thumb img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: 0.4s;
}

.new__item:hover .__thumb img {
    transform: scale(1.04);
}

.new__item .__desc {
    flex: 1;
    background-color: #fff;
    padding: 16px 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.new__item .__desc span.date {
    font-size: 14px;
    color: #737373;
    font-family: 'Montserrat', sans-serif;
    padding-right: 10px;
}

.new__item .__desc .cat {
    font-size: 12px;
    line-height: 1;
    padding: 3px 6px;
    border: 1px solid #42c56b;
    border-radius: 3px;
    color: #42c56b;
}

.new__item .__desc h3 a {
    font-size: 15px;
    display: block;
    padding-top: 10px;
}

.new__item .__desc h3 a:hover {
    color: #42c56b;
}

.wrap__link-center {
    margin-top: 40px;
}

.btn-site {
   position: relative;
   padding: 16px 16px; 
   text-align: center;
   border-radius: 30px;
   min-width: 340px;
   border: 2px solid #42c56b;
   overflow: hidden;
   box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.15);
}

.btn-site:hover {
    opacity: 1;
    background-color: #fff;
}

.btn-site:hover::after {
    height: 0px;
    bottom: 0;
    top: unset;
}

.btn-site::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #42c56b;
    transition: 0.3s ease;
}

.btn-site span {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    z-index: 2;
}

.btn-site:hover span {
    color: #42c56b;
}

.btn-site svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 21px;
    z-index: 2;
}

.btn-site:hover svg {
    stroke: #42c56b;
}

.section-title {
    text-align: center;
}
 
.section-title img {
    margin: 0 auto;
}

.section-title  span {
    font-size: 16px;
    padding-top: 15px;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0.06em;
}

.section-title.--news {
   transform: translateY(-19px);
}

.link__list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    row-gap: 40px;
}

.link__item {
    width: calc(100% / 2 - 20px);
}

.link__item a {
    border: 1px solid #737373;
    border-radius: 10px;
    height: 120px;
    padding:  10px 30px;
    background-color: #fff;
    align-items: center;
    column-gap: 20px;
    position: relative;
    box-shadow:  0px 0px 15px 0px rgba(0,0,0,0.15);
}

.link__item a img.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    max-width: 15px;
    transition: 0.25s;
}

.link__item a:hover img.arrow {
    right: 20px;
}

.link__item a .__icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #42c56b;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.25s;
}

.link__item a span {
    flex: 1;
    font-size: 20px;
    font-weight: 500;
}

section.home-link {
    padding: 80px 0px;
}

@media only screen and (max-width: 1024px) {
    .home-hero {
        padding: 10px 0px 80px;
    }
    .home-hero .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 75px;
    }
    .hero-sl .swiper-button-prev, .hero-sl .swiper-button-next {
        width: 50px;
        height: 50px;
    }
    .new__item  {
        width: calc(100%/2 - 15px);
        max-width: 320px;
    }
    .new__list {
        justify-content: center;
        column-gap: 20px;
    }
}
/* end breakpoit 1024px */

@media only screen and (max-width: 768px) {
    .new__list {
        column-gap: 15px;
        row-gap: 15px;
    }
    .new__item {
        width: calc(100%/2 - 7.5px);
        border-radius: 6px;
    }
    .new__item .__desc {
        padding: 10px ;
    }
    .news .__img-ab.top img {
        max-width: 70px;
    }
    .news .__img-ab.top {
        left: unset;
        top: -46px;
        right: 20px;
    }
    .news .__img-ab.bottom img {
        max-width: 90px;
    }
    .news .__img-ab.bottom {
        bottom: -16px;
        left: 20px;
    }
    .btn-site span {
        font-size: 14px;
    }
    .btn-site {
        padding: 10px 10px 12px;
        min-width: 280px;
    }
    section.news {
        padding-bottom: 80px;
    }
    section.home-link {
        padding: 50px 0px 100px ;
    }
    .link__item a {
        height: 79px;
        padding: 5px 20px;
    }
    .link__item a .__icon {
        width: 55px;
        height: 55px;
    }
    .link__item a .__icon img {
        max-width: 28px;
    }
    .link__item {
        width: 100%;
    }
    .link__list {
        row-gap: 20px;
    }
    .link__item a span {
        font-size: 14px;
    }
    .link__item a img.arrow {
        right: 20px;
    }
    .hero-sl .swiper-button-prev, .hero-sl .swiper-button-next {
        width: 40px;
        height: 40px;
    }
    .hero-sl .swiper-button-prev img, .hero-sl .swiper-button-next img {
        max-width: 10px;
    }
    .section-title span {
        font-size: 12px;
        padding-top: 12px;
    }
    .hero-sl .swiper-button-next {
        right: 4%;
    }
    .hero-sl .swiper-button-prev {
        left: 4%;
    }
    .home-hero {
        padding-bottom: 60px;
    }
    .home-hero .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 58px;
    }
}
/* end breakpoit 768px */


@media only screen and (max-width: 479px) { 
    .new__item .__thumb img {
        height: 110px;
    }
    .new__item .__desc .cat {
        font-size: 10px;
        padding: 2px;
    }
    .new__item .__desc span.date {
        font-size: 11px;
        padding-right: 6px;
    }
    .new__item .__desc h3 a {
        font-size: 14px;
    }
    .hero-sl .swiper-button-next {
        right: 2%;
    }
    .hero-sl .swiper-button-prev {
        left: 2%;
    }
}
/* end breakpoit 479 */

@media only screen and (max-width: 360px) { 
    .new__item .__desc {
        padding: 8px;
    }
    .new__item .__thumb img {
        height: 90px;
    }
    .section-title.--news img {
        max-width: 180px;
    }
    .news .__img-ab.top img {
        max-width: 60px;
    }
}

@media only screen and (max-width: 320px) { 
    .new__item {
        width: 100%;
    }
    .new__item .__thumb img {
        height: 120px;
    }
}

/*add202405--------------------------------------------------*/

#secondTitle {
position: relative;
}

#secondTitle h1 {
width: 1100px;
margin: 0 auto;
padding: 70px 0 0;
color: #42c56b;
font-size: 38px;
letter-spacing: 0.06em;
position: relative;
z-index: 10;
}

#secondTitle h1 span {
display: inline-block;
background-color: #FFF;
}

#secondTitle h1:before {
position: absolute;
background-color: #42c56b;
width: 500px;
height: 1px;
top: calc( 50% + 32px );
left: -520px;
content: "";
}

#secondTitle .bk {
position: absolute;
top: 30px;
right: 0;
margin-left: 30%;
}

#secondTitle .bk img {
border-radius: 20px 0 0 20px;
height: 212px;
object-fit: cover;
}

#pan {
width: 1100px;
margin: 4px auto 0;
position: relative;
z-index: 2;
padding: 0 0 70px;
}

#pan ul {
display: flex;
padding-left: 2px;
}

#pan ul li {
color: #999;
background-color: #FFF;
}

#pan ul li a {
color: #000;
}

#second {
background-color: #FFF;
}

.columnbk-01 {
background-color: #FCF8F5;
}

#second #columnLeft .wrapper {
width: 1100px;
margin: 0 auto;
padding: 60px 0;
line-height: 1.8;
}

#second #columnLeft .wrapper h2 {
margin: 0 0 30px;
padding: 8px 4px;
position: relative;
border-bottom: 1px solid #42c56b;
font-weight: bold;
font-size: 26px;
letter-spacing: 0.04em;
}

#second #columnLeft .wrapper h2:before {
position: absolute;
width: 40px;
height: 1px;
top: -1px;
left: -20px;
content: "";
background-color: #42c56b;
}

#second #columnLeft .wrapper h2:after {
position: absolute;
width: 1px;
height: 40px;
top: -20px;
left: -10px;
content: "";
background-color: #42c56b;
}

#second #columnLeft .wrapper h3 {
margin: 0 0 20px;
border-left: 4px solid #42c56b;
background-color: #E6F4EC;
padding: 8px;
}

#second #columnLeft .wrapper h4 {
margin: 0 0 10px;
font-size: 18px;
padding: 5px 5px 5px 30px;
background: url(../../common/image/book.png) #F6F6F6 no-repeat 5px 9px;
border-bottom: 1px dashed #DDD;
color: #33A859;
}

#second #columnLeft .wrapper p {
margin: 0 20px 40px;
}

#second #columnLeft .wrapper p + h2 {
margin: 80px 0 30px;
}

#second #columnRight {
background-color: #E6F4EC;
padding: 40px;
position: relative;
}

#second #columnRight:before {
position: absolute;
top: -30px;
left: calc( 50% - 240px );
background-image: url(../images/icon-02.png);
background-size: 120px;
width: 120px;
height: 90px;
content: "";
}

#second #columnRight #sidePick {
width: 1100px;
margin: 0 auto;
}

#second #columnRight #sidePick p {
text-align: center;
display: inline-block;
margin: 0 auto 30px;
position: relative;
left: 50%;
transform: translateX(-50%);
font-size: 22px;
font-weight: bold;
padding: 0 0 16px;
}

#second #columnRight #sidePick p:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #42c56b, #42c56b 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #42c56b, #42c56b 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#second #columnRight #sidePick ul {
display: flex;
flex-wrap: wrap;
}

#second #columnRight #sidePick ul li {
width: 46%;
margin: 0 2% 30px;
}

#second #columnRight #sidePick ul li a {
display: block;
border: 1px solid #000;
position: relative;
padding: 16px 12px;
background: url(../images/arrow_g.png) #FFF no-repeat 96% center;
background-size: 12px;
opacity: 1;
letter-spacing: 0.02em;
}

#second #columnRight #sidePick ul li a:hover {
background: url(../images/arrow_g.png) #BDE1CC no-repeat 96% center;
background-size: 12px;
}

#second #columnRight #sidePick ul li a:before {
position: absolute;
width: 1px;
height: calc( 100% - 10px);
background-color: #000;
content: "";
right: -6px;
bottom: -6px;
}

#second #columnRight #sidePick ul li a:after {
position: absolute;
height: 1px;
width: calc( 100% - 10px);
background-color: #000;
content: "";
right: -6px;
bottom: -6px;
}

#second .wrapper a {
color: #42c56b;
text-decoration: underline;
}

/*about--------------------------------------------------*/
.about01 {
display: flex;
}

.about01 .text {
width: calc( 100% - 300px);
}

.about01 .gakubutyo {
width: 260px;
margin-left: 40px;
}

.about01 .gakubutyo img {
display: block;
margin: 0 auto 4px;
border: 6px solid #FFF;
}

.about01 .gakubutyo p {
margin: 0 0 16px !important;
line-height: 1.4;
text-align: center;
}

.toGakka {
display: flex;
}

.toGakka div {
width: 46%;
margin: 0 2%;
}

.toGakka div p {
margin-bottom: 20px !important;
}


.toGakka div img {
display: block;
margin: 0 auto 4px;
}

#second #columnLeft .wrapper .toGakka div h3 {
background-color: transparent;
border: none;
}

#second #columnLeft .wrapper h3.aboutShikakuH3 {
	margin: 0 10px;
	padding: 5px 10px;
	background-color: #FFC;
	font-weight: bold;
	background-color: #f1df4b;
	font-size: 16px;
	border: none;
}

#second #columnLeft .wrapper h3.aboutShikakuH3-2 {
	margin: 0 10px;
	padding: 5px;
	background-color: #FFC;
	font-weight: bold;
	background-color: #66d6ee;
	font-size: 16px;
	border: none;
}

.aboutShikaku {
	margin: 0 10px 20px;
	padding: 20px 10px 10px;
	border: 2px solid #f1df4b;
	border-radius: 0 0 5px 5px;
	background-color: #FFF;
}

.aboutShikaku:nth-of-type(2) {
	border: 2px solid #66d6ee;
}

.aboutShikaku ul {
	margin: 0 0 20px;
	padding: 0 20px 0 30px;
}

.aboutShikaku ul li {
	margin: 0 0 5px;
	padding: 0;
	line-height: 1.2;
	list-style: disc;
}

.naze {
	margin: 0 20px;
	padding: 0 0 10px;
	list-style: none;
}

.naze li {
	margin: 0 0 30px;
	padding: 0;
	border: 4px solid #AC9866;
	border-image: linear-gradient(-225deg, #FBF5C9 0%, #F2FAD1 48%, #D1F3FA 100%);
    border-image-slice: 1;
	position: relative;
}

.naze li:before {
    position: absolute;
    top: -40px;
    right: -20px;
    color: #EEE;
    font-size: 60px;
    font-family: "Arial";
    font-weight: bold;
    font-style: italic;
}

.naze li:nth-child(1):before {
    content: "WHY 01";
}

.naze li:nth-child(2):before {
    content: "WHY 02";
}

.naze li:nth-child(3):before {
    content: "WHY 03";
}

.naze li dl {
	margin: 20px 20px 30px;
}

.naze li dl dt {
	padding: 10px 0 10px 50px;
	background: url(../../common/image/naze.gif) no-repeat 0 10px;
	font-weight: bold;
	line-height: 37px;
	font-size: 20px;
	color: #73A530;
}

.d1St {
	font-size: 24px;
	font-weight: bold;
	color: #FF7272;
}

.jinzai {
	margin: -63px 20px 40px;
	padding: 40px 20px 10px 50px;
	border: 2px solid #AC9866;
	border-radius: 10px;
	box-shadow: 3px 3px 6px #EEE;
}
.jinzai_title {
background-color: #AC9866;
color: #FFF;
border-radius: 100vh;
display: inline-block;
margin: 0 30px 40px !important;
padding: 4px 16px;
font-weight: 500;
font-size: 18px;
}

.jinzai li {
list-style: disc;
margin-bottom: 10px;
font-weight: 500;
}

.tikara {
	width: 705px;
	margin: 0 auto 30px;
	background: url(../../common/image/department1-07.gif) no-repeat 0 100%;
	display: flex;
	font-size: 14px;
}

.tikara div {
	width: 227px;
	margin: 0 8px 0 0;
}

.tikara div dl dd {
	padding: 10px 12px;
}

.tikara div dl dd p {
    line-height: 1.5;
    margin: 0 0 20px !important;
}

.tikara div dl dd ul {
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 1.2;
}

.tikara div dl dd ul li {
	margin: 0 0 6px;
	list-style: disc;
}

.shikaku {
	margin: 0 20px;
	padding: 0 0 20px;
	display: flex;
}

.shikaku dl {
	width: 46%;
	margin: 0 2%;
	font-weight: bold;
	color: #AC9866;
}

.shikaku dl dt {
	margin: 0 0 5px;
	font-size: 18px;
}

.shikaku dl dd ul {
	margin: 0;
	padding: 18px 20px 10px 40px;
	font-weight: normal;
	color: #000000;
	border: 2px solid #FFCC30;
	border-radius: 9px;
	background-color: #FFF;
}

.shikaku dl dd ul li {
    list-style: disc;
    line-height: 1.4;
    margin-bottom: 8px;
}


.tyumoku {
	text-align: center;
	padding: 10px;
	background-color: #FFF;
}

.jyugyou {
width: 730px;
	margin: 0 auto 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 40px;
	background: url(../../common/image/arrow-01.gif) no-repeat center bottom;
}

.nenji {
	width: 150px;
}

.nenjiLast {
	width: 150px;
}

.nenji p, .nenjiLast p {
	display: block;
	padding: 8px 0;
	background: linear-gradient(-225deg, #FBF5C9 0%, #F2FAD1 48%, #D1F3FA 100%);
	text-align: center;
	color: #000;
	font-weight: bold;
}

.nenjiCont {
	width: calc( 100% - 190px );
	padding-top: 8px;
}

.nenjiCont ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.nenjiCont ul li {
	margin: 0;
	padding: 0 0 0 14px;
/*	background: url(../image/arrow-02.gif) no-repeat 0 center;*/
    background: url(../../common/image/arrow-02.gif) no-repeat 0 11px;
}

.nenjiCont p {
margin: 0 0 10px !important;
}

.jyugyou:nth-of-type(4) {
background-image: none;
}

.kamokuPick {
	margin: 0 15px 20px;
	padding: 15px 15px 1px;
	background: url(../../common/image/kamoku_pick_back.gif) #DBE3EA no-repeat 0 0;
	border-radius: 10px;
}

.kamokuPick dl {
	margin: 0 0 15px;
	padding: 20px;
	background-color: #FFFFFF;
}

.kamokuPick dl dt {
	margin: 0 0 12px;
	padding: 4px 0 4px 60px;
	font-size: 16px;
	font-weight: bold;
	color: #8CC53E;
	background: url(../../common/image/department1-15.gif) no-repeat 0 0;
}

.kamokuPick dl dd {
	line-height: 1.4;
}

.d3Tb {
margin-bottom: 30px;
}

.d3Tb td {
padding-right: 10px;
}

dl.s3 dt {
font-weight: bold;
color: #AC9866;
}

dl.s3 ul {
	margin: 0 0 20px;
	padding: 10px 20px 10px 50px;
	font-weight: normal;
	color: #000000;
	border: 2px solid #FFCC30;
	border-radius: 9px;
	background-color: #FFF;
}

dl.s3 ul li {
list-style: disc;
}

.tyumoku img {
display: block;
margin: 0 auto;
}

ul.curriculumSp {
display: flex;
margin: 0 0 50px;
}

ul.curriculumSp li {
width: 32%;
}

ul.curriculumSp li:nth-child(3n-1) {
margin: 0 5%;
}

ul.curriculumSp li a {
display: block;
padding: 16px 12px;
border: 1px solid #42c56b;
position: relative;
background: url(../images/arrow_g.png) #FFF no-repeat 96% center;
background-size: 12px;
opacity: 1;
color: #000 !important;
text-decoration: none !important;
}

ul.curriculumSp li a:hover {
background: url(../images/arrow_g.png)  #BDE1CC no-repeat 96% center;
background-size: 12px;
}

ul.curriculumSp li a:before {
position: absolute;
width: 1px;
height: calc( 100% - 10px);
background-color: #42c56b;
content: "";
right: -6px;
bottom: -6px;
}

ul.curriculumSp li a:after {
position: absolute;
height: 1px;
width: calc( 100% - 10px);
background-color: #42c56b;
content: "";
right: -6px;
bottom: -6px;
}

.careerEx {
    width: 80%;
	margin: 0 auto 30px;
	padding: 0 0 60px;
	border-bottom: 1px dotted #009933;
	display: flex;
	background: url(../../common/image/arrow-01.gif) no-repeat center 96%;
}

.careerNen {
	width: 150px;
	padding: 0 0 30px;
}

.careerNen p, .careerNenLast p {
	display: block;
	padding: 8px 0;
    background: linear-gradient(-225deg, #FBF5C9 0%, #F2FAD1 48%, #D1F3FA 100%);
	text-align: center;
	color: #000;
	width: 120px;
}

.cnCont {
	width: calc( 100% - 180px );
	padding: 8px 0 0;
}

.cnCont ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.cnCont ul li {
	margin: 0;
	padding: 0 0 0 10px;
 background: url(../../common/image/arrow-02.gif) no-repeat 0 12px;
}

.careerLead {
    margin: 0 0 20px !important;
	padding: 0 5px 8px 40px ;
	font-size: 18px;
	font-weight: bold;
	color: #75A831;
	background: url(../../common/image/icon-01.png) no-repeat 0 4px;
}

p.nomgn {
margin: 0 !important;
}


/*career*/
.careerEx:nth-of-type(6) {
background-image: none;
padding: 0 0 30px;
}

#second #columnLeft .wrapper .cnCont p#shinro {
margin: 0 !important;
}

.accordion {
	margin: 0 10px 20px;
}

.accordion dt {
	padding: 5px;
	background: url(../../common/image/q.png) #F4F4EA no-repeat 98% center;
	cursor: pointer;
	border-bottom: 1px solid #42c56b;
}

.accordion dd {
	margin: 0 10px 0 5px;
	padding: 10px 0 0 34px;
	background: url(../../common/image/a.png) no-repeat 5px 10px;
}

.accordion dt.nowac {
	background: url(../../common/image/q-2.png) #F4F4EA no-repeat 98% center;
}

.curriculumBox1 ul, .curriculumBox2 ul, .curriculumBox3 ul {
	margin: 0 0 20px;
	padding: 0 0 0 22px;
	border-bottom: 1px dashed #CCCCCC;
	display: flex;
	flex-wrap: wrap;
}

.curriculumBox1 ul li, .curriculumBox2 ul li, .curriculumBox3 ul li {
	width: 32%;
	margin: 0 0 10px;
	list-style: disc;
}

.curriculumBox1 ul li:nth-child(3n-1), .curriculumBox2 ul li:nth-child(3n-1), .curriculumBox3 ul li:nth-child(3n-1) {
	margin: 0 2% 10px;
}

.curriculumBox1 ul + h4, .curriculumBox2 ul + h4, .curriculumBox3 ul + h4,
.curriculumBox1 ul + h3, .curriculumBox2 ul + h3, .curriculumBox3 ul + h3 {
    margin-top: 40px !important;
}

.curriculumBox1 + p,
.curriculumBox2 + p,
.curriculumBox3 + p,
.curriculumBox4 + p {
    margin-top: 40px !important;
}

/*entrance*/
.entranceTb1 {
	width: 95%;
	margin: 0 auto 20px;
	border: 2px solid #CCCCCC;
	font-size: 12px;
}

.entranceTb1 th {
	padding: 5px;
	background-color: #FFC;
	border: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

.entranceTb1 td {
	padding: 5px;
	text-align: center;
	border: 1px solid #CCCCCC;
}

.entranceTb1 td.km {
	text-align: left;
}

.entranceTb1 td.bk {
	background-color: #EEEEEE;
}

.entranceHow {
	padding: 6px;
	background-color: #E6F4EC;
	margin: 0 0 20px !important;
	font-weight: bold;
}

.entranceTb2 {
	width: 95%;
	margin: 0 auto 40px;
	border: 2px solid #CCCCCC;
	font-size: 12px;
}

.entranceTb2 th {
	padding: 5px;
	background-color: #FFC;
	border: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

.entranceTb2 td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	text-align: center;
}

.entranceTb2 td.suisen {
	background-color: #D7F5FF;
}

.entranceTb2 td.bk {
	background-color: #EEEEEE;
}

.entranceTb3 {
	width: 80%;
	margin: 0 auto 20px;
	border: 2px solid #CCCCCC;
}

.entranceTb3 th {
	padding: 5px;
	background-color: #FFC;
	border: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

.entranceTb3 td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFF;
}

.entranceTb3 td.txc {
	text-align: center;
}

.entranceTb3 td.bk {
	background-color: #EEEEEE;
}

.entranceTb4 {
	width: 90%;
	margin: 0 auto 40px;
	border: 2px solid #CCCCCC;
}

.entranceTb4 th {
	padding: 5px;
	background-color: #FFC;
	border: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

.entranceTb4 td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	text-align: right;
}

.entranceTb4 td.txc {
	text-align: center;
	background-color: #EAF1C0;
}

.entranceTb4 td.bk {
	background-color: #EEEEEE;
}

/*graduate*/
.gvoice {
text-align: center;
line-height: 1.6;
}

.gvoice img {
display: block;
margin: 0 auto;
}

/*sitemap*/
.sitemap {
	margin: 0;
	padding: 0 20px;
	list-style-position: inside;
}

.sitemap li {
	margin: 0 0 10px;
	padding: 0 10px;
	border-bottom: 1px dotted #CCCCCC;
	list-style: disc;
	list-style-position: inside;
}

.sitemap li ul  {
	margin: 5px 0 10px;
	padding: 0 20px;
}

.sitemap li ul li {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.sitemap li a {
	text-decoration: none;
}

/*staff*/
.staffBox {
display: flex;
margin: 0 5%;
flex-wrap: wrap;
}

.staffBox a {
	display: block;
	width: 30%;
	margin: 0 0 30px;
	color: #000 !important;
	text-decoration: none !important;
	border: 1px solid #DDD;
	padding: 16px;
	background-color: #FFF;
}

.staffBox a:nth-child(3n-1) {
margin: 0 5% 30px;
}

.staffBox a h3 {
margin: 0 0 10px !important;
background-color: transparent !important;
border: none !important;
padding: 0 !important;
}

.staffBox .soon {
	display: block;
	float: left;
	width: 150px;
	margin: 0 33px 30px 0;
	padding: 10px 0 0;
	color: #333333;
	text-decoration: none;
}

.staffBox div {
	position: relative;
	line-height: 1.4;
}

.staffBox div h3 span {
	font-size: 12px;
	margin-right: 5px;
}

.staffBox div p {
	margin: 0 !important;
}

.staffBox div p.engName {
	position: absolute;
	top: -10px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}

.staffdBox {
    width: 80%;
	margin: 0 auto 50px;
}

.staffdPhoto {
	float: left;
	width: 255px;
}

.staffdText {
}

.staffdText h3 {
	margin: 0 0 50px;
	font-size: 24px;
	font-weight: bold;
	background-color: transparent !important;
	border: none !important;
	padding: 0 !important;
}

.staffdText h3 span {
	font-size: 18px;
	margin-left: 20px;
	font-weight: normal;
}

.staffdsText p {
	color: #D5AF00;
}

.staffdkText p {
	color: #FF7979;
}

.staffdeText p {
	color: #7AAE33;
}

.staffdText dl {
	margin: 0 0 30px;
}

.staffdsText dl dt {
	margin-bottom: 3px;
	padding: 0 5px;
	border-bottom: 3px double #D5AF00;
	display: inline-block;
	background-color: #FFF7CE;
}

.staffdkText dl dt {
	margin-bottom: 3px;
	padding: 0 5px;
	border-bottom: 3px double #FF7979;
	display: inline-block;
	background-color: #FFE6E6;
}

.staffdeText dl dt {
	margin-bottom: 3px;
	padding: 0 5px;
	border-bottom: 3px double #8CC63E;
	display: inline-block;
	background-color: #EEF7E1;
}

.staffdText dl dd {
	margin: 0 0 20px;
	padding: 0 5px;
}

.staffdText p.inte {
margin: 0 0 40px !important;
}

.staffdText p.inte a {
	padding: 8px 30px 8px 30px;
	text-decoration: none;
/*	background: url(../../common/image/arrow-03.png) #FFF no-repeat 10px center;*/
	border: 1px solid #000;
	position: relative;
}

.staffdText p.inte a:hover {
background-color: #E6F4EC;
}

.staffdText p.inte a:before {
position: absolute;
width: 1px;
height: calc( 100% - 10px);
background-color: #000;
content: "";
right: -6px;
bottom: -6px;
}

.staffdText p.inte a:after {
position: absolute;
height: 1px;
width: calc( 100% - 10px);
background-color: #000;
content: "";
right: -6px;
bottom: -6px;
}

.staffdetail {
    width: 80%;
	margin: 0 auto;
}

.staffdetail h3 {
 background-color: #EEEEEE;
	margin: 0 0 10px;
	padding: 5px;
	border-left: 5px solid #8CC63E;
	font-weight: bold;
}

.staffdetail img {
display: inline-block;
}

.staffBack {
	margin: 50px 0 30px;
	text-align: center;
}


.staffTb {
	width: 100%;
	font-size: 86%;
	margin: 0 0 20px;
}

.staffTb th {
	padding: 5px;
	background-color: #FBF0D5;
	border: 1px solid #CCCCCC;
}

.staffTb td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	text-align: center;
}

.staffTb tr.odd {
	background-color: #EEEEEE;
}

/*wn*/
.wnList {
    width: 90%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.wnList li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;
}

.wnList li a {
	display: block;
	padding: 14px 18px;
	text-decoration: none !important;
	color: #000 !important;
	opacity: 1;
}

.wnList li a:hover {
background-color: #E6F4EC;
}

.wnList li span {
    margin-right: 20px;
}

.wnBack {
	margin: 50px 0 0;
	text-align: center;
}

.wnDay {
	text-align: right;
}

.pager_wrap {
	position: relative;
	overflow: hidden;
	margin: 40px 0 30px;
}

.pager_wrap ul.pager {
	position: relative;
	left: 50%;
	float: left;
}

.pager_wrap ul.pager li {
	position: relative;
	left: -50%;
	float: left;
}

.pager_wrap ul.pager {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pager_wrap ul.pager li {
	display: inline;
	min-width: 20px;
	margin: 2px;
	padding: 0;
	background-color: #DCEEC5;
	text-align: center;
}

.pager_wrap ul.pager li a, .pager_wrap ul.pager li span.current {
	display: block;
	padding: 10px 15px;
}

.pager_wrap ul.pager li.active {
	background-color: #8CC63E;
}

.pager_wrap ul.pager li.active a:link, .pager_wrap ul.pager li.active a:visited,
.pager_wrap ul.pager li.active a:hover, .pager_wrap ul.pager li.active a:active {
	color: #FFFFFF !important;
}

/*Interview*/
.staffInfo {
    width: 100%;
	margin: 0 10px 40px;
	padding: 20px 15px 0;
	background-color: #EEEEEE;
	font-size: 11px;
}

#columnLeft .staffInfo p.namae {
	margin:0 0 5px !important;
	font-size: 16px;
}

.staffInfo img {
	background-color: #FFFFFF;
	padding: 5px;
}

@media only screen and (max-width: 768px) {

.alignright, .alignleft, .aligncenter {
display: block;
margin: 0 auto 20px;
float: none;
}

#secondTitle {
height: 160px;
}

#secondTitle h1 {
width: auto;
margin: 0 3%;
padding: 0;
color: #42c56b;
font-size: 24px;
letter-spacing: 0.06em;
position: absolute;
z-index: 10;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
left: 0;
}

#secondTitle h1 span {
display: inline-block;
background-color: #FFF;
}

#secondTitle h1:before {
display: none;
}

#secondTitle .bk {
position: absolute;
z-index: 1;
top: 10px;
left: 0;
right: unset;
margin: 0;
}

#secondTitle .bk img {
border-radius: 0;
width: auto;
height: 150px;
object-fit: cover;
}

#pan {
width: auto;
margin: 0 3%;
z-index: 2;
padding: 6px 0;
font-size: 14px;
}

#pan ul {
display: flex;
padding-left: 2px;
flex-wrap: wrap;
}

#pan ul li {
color: #999;
background-color: #FFF;
}

#pan ul li a {
color: #000;
}

#second #columnLeft .wrapper {
width: 96%;
margin: 0 auto;
padding: 60px 0 30px;
}

#second #columnLeft .wrapper h2 {
font-size: 22px;
}

#second #columnLeft .wrapper h2:before {
left: 0;
}

#second #columnLeft .wrapper h2:after {
display: none;
}

#second #columnLeft .wrapper p {
margin: 0 0 40px;
}


/*sp-about*/
.about01 {
display: block;
}

.about01 .text {
width: 100%;
}

.about01 .gakubutyo {
width: 100%;
margin: 0;
}

.toGakka {
display: block;
margin: 0 3%;
}

.toGakka div {
width: 100%;
margin: 0 0 20px;
}

#second #columnRight {
padding: 0;
}

#second #columnRight #sidePick {
width: auto;
margin: 0 3%;
padding: 40px 0 60px;
}

/*curriculum*/
ul.curriculumSp {
display: block;
margin: 0 3% 50px;
}

ul.curriculumSp li {
width: 100%;
margin: 0 0 20px;
}

ul.curriculumSp li:nth-child(3n-1) {
margin: 0 0 20px;
}

.curriculumBox1 ul, .curriculumBox2 ul, .curriculumBox3 ul {
display: block;
}

.curriculumBox1 ul li, .curriculumBox2 ul li, .curriculumBox3 ul li {
width: 100%;
margin: 0 0 10px;
font-size: 14px;
}

.curriculumBox1 ul li:nth-child(3n-1), .curriculumBox2 ul li:nth-child(3n-1), .curriculumBox3 ul li:nth-child(3n-1) {
margin: 0 0 10px;
}

/*career*/
.careerEx {
width: 100%;
display: block;
}

.careerNen {
width: 100%;
padding: 0;
}

.careerNenLast {
width: 100%;
padding: 0;
}

.careerNen p,.careerNenLast p {
margin: 0 !important;
}

.cnCont {
width: 100%;
}

/*entrance*/
.entranceTb3 {
width: 100%;
font-size: 14px;
}

.entranceTb4 {
width: 100%;
font-size: 14px;
}

/*course*/
.tikara {
width: auto;
display: block;
background-image: none;
}

.tikara div {
	width: 227px;
	margin: 0 auto 20px;
	background: url(../../common/image/department1-07.gif) no-repeat 0 100%;
}

.tikara div dl dd {
	padding: 10px;
}

.tikara div dl dd ul {
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 1.2;
}

.tikara div dl dd ul li {
	margin: 0 0 6px;
}

.shikaku {
display: block;
}

.shikaku dl {
width: 100%;
margin: 0 0 30px;
}

.jyugyou {
width: 100%;
display: block;
}

.nenji {
width: 100%;
}

.nenjiCont {
width: 100%;
}

.nenjiLast {
width: 100%;
}

/*staff*/
.staffBox {
margin: 0;
}

.staffBox a {
width: 46%;
margin: 0 2% 30px;
}

.staffBox a:nth-child(3n-1) {
margin: 0 2% 30px;
}

.staffdBox {
width: 100%;
}

.staffdetail{
width: 100%;
}

/*interview*/
.staffInfo {
margin: 0 0 40px;
}

/*vod*/
.vodtb {
margin: 0 auto;
}

/*wn*/
.wnList {
width: 100%;
}

.wnList li span {
display: block;
}

.sitemap {
margin: 0 0 50px;
padding: 0;
}

/**/
.ft__menu .__left {
width: 45%;
}

.ft__menu .__right {
width: 55%;
}

#second #columnRight:before {
left: calc( 50% - 200px )
}

}
