@charset "utf-8";
/*
construction.css
サイト全体で使うレイアウト用のクラス、ヘッダー・フッター・見出し・本文・リスト・テーブルなど、大まかな構造を定義
*/

.bg_black{background: #000;}
.bg_black .text-wrap-innner::before{background: #fff;}


/*//////////////////////////////////////
img
//////////////////////////////////////*/
.img-wrap img{}
.img-wrap.img-about{ background: url(../img/about_img.jpg) no-repeat right center; background-size: cover;}
.img-wrap.img-life{ background: url(../img/life_img.jpg) no-repeat center; background-size: cover;}
.img-wrap.img-farm{background: url(../img/farm_main.jpg) no-repeat center top; background-size: cover;} 
.img-wrap.img-exam{background: url(../img/exam_main.jpg) no-repeat center top; background-size: cover;}
.img-wrap.img-dormitory1{background: url(../img/life_dormitory.jpg) no-repeat center top; background-size: cover;}
.img-wrap.img-dormitory2{background: url(../img/life_dormitory2.jpg) no-repeat center top; background-size: cover;}
.img-wrap.img-dormitory3{background: url(../img/life_dormitory3.jpg) no-repeat center; background-size: cover;}
.img-wrap.img-dormitory4{background: url(../img/life_dormitory4.jpg) no-repeat center; background-size: cover;}
.img-wrap.img-days1{background: url(../img/life_days_main.jpg) no-repeat center; background-size: cover;}
.img-wrap.img-yearschedule{background: url(../img/life_days_yearschedule.jpg) no-repeat center; background-size: cover;}
.img-voice{background: url(../img/life_voice_img.jpg) no-repeat center; background-size: cover;}
.exam-main-img{background: url(../img/exem_cource.jpg) no-repeat center; background-size: cover;}
#experience .wrapper .container .img-campas{background: url(../img/experience_taiken.jpg) no-repeat center; background-size: cover;}
#experience .wrapper .container .img-summer{background: url(../img/experience_summer.jpg) no-repeat center; background-size: cover;}
.img-donation{background: url(../img/img_donation.jpg) no-repeat center; background-size: cover;}
.img-donation1{background: url(../img/donation1.jpg) no-repeat center; background-size: cover;}
.img-donation2{background: url(../img/donation2.jpg) no-repeat center; background-size: cover;}
.img-donation3{background: url(../img/donation3.jpg) no-repeat center; background-size: cover;}
.img-donation4{background: url(../img/donation4.jpg) no-repeat center; background-size: cover;}

.img-architecture1{background: url(../img/architecture1.jpg) no-repeat center; background-size: cover;}
.img-architecture2{background: url(../img/architecture2.jpg) no-repeat center; background-size: cover;}
.img-architecture3{background: url(../img/architecture3.jpg) no-repeat center; background-size: cover;}
.img-architecture4{background: url(../img/architecture4.jpg) no-repeat center; background-size: cover;}

body .wrapper .container .recruitbnr.img-donation{background: url("../img/donation1.jpg") no-repeat center; background-size: cover;}
body .wrapper .container .recruitbnr.img-architecture{background: url("../img/architecture1.jpg") no-repeat center; background-size: cover;}

.img-school{background: url(../img/img-song.jpg) no-repeat center; background-size: cover;}
.img-donation1 img,.img-donation2 img,.img-donation3 img,.img-donation4 img,
.img-school img,
.img-donation img,
body .wrapper .container .exam-main-img img,
body .wrapper .container .img-voice img,
.img-wrap.img-yearschedule img,
.img-wrap.img-days1 img,
.img-wrap.img-dormitory1 img,
.img-wrap.img-dormitory2 img,
.img-wrap.img-dormitory3 img,
.img-wrap.img-dormitory4 img,
.img-wrap.img-farm img,
.img-wrap.img-about img,
.img-wrap.img-life img,
.img-wrap.img-exam img{display: none;}
.mainImg.img-btm img{top: inherit; bottom: 0; transform: translateX(-50%) translateY(0%);}

@media screen and (max-width: 1024px){
	.img-wrap.img-life{background: url(../img/life_img.jpg) no-repeat center bottom; background-size: cover; padding-top: 0;　}
}

/*firstcolumn*/
.firstcolumn.container{padding-top: 0;}
.firstcolumn .box-column2 .text-wrap-innner{ min-height: 500px;}
.firstcolumn .box-column3 .text-wrap-innner{ min-height: 500px;}

@media screen and (max-width: 1200px){
.firstcolumn .box-column2 .text-wrap-innner{ min-height: 300px;}
.firstcolumn .box-column3 .text-wrap-innner{ min-height: 300px;}
}

@media screen and (max-width: 1024px){
	.firstcolumn .box-column2 .text-wrap-innner{ min-height:inherit; }
	.firstcolumn .box-column3 .text-wrap-innner{ min-height:inherit;}
}

@media screen and (max-width: 1200px){
.index-page .column-flex.box-column2 .box-column-size1{width: 100%; margin-bottom: 50px;}
.index-page .firstcolumn .img-wrap{ padding-top: 100%; max-width: inherit;}
}

@media screen and (max-width: 1024px){
	.index-page .column-flex.box-column2 .box-column-size1{margin-bottom: 5vw;}
}

/*//////////////////////////////////////
home
//////////////////////////////////////*/
.homeArticle{padding-bottom: 180px;}
/*pagemain*/
#home #pagemain{padding: 50vh 0 100px; position: relative;}
.portrait #home #pagemain{}

#pagemain .container{position: relative; z-index: 1;}

#homemainimg{ width: 100%; height:calc(100% - 50px); display: block; position: fixed; background: #666; position: fixed; z-index: 0; left: 0;top: 0; background: url(../img/main_1.jpg) no-repeat; background-size: cover;}
.portrait #homemainimg{width: 100%;height:calc(100% - 50px);display: block;position: fixed;background: #666;position: fixed;z-index: 0;left: 0;bottom: 0;top: inherit;background: url(../img/main_sp_1.jpg) no-repeat center;background-size: auto 100%;transition: 0.5s ease;}

#home #pagemain::after{  content: "";  width: 100%; height: calc(100% - 50vh);  display: block; position: absolute;  left: 0;bottom: 0;  display: block; z-index: 0;  background: -moz-linear-gradient(top, #FFC778, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));}

#home .homeArticle{ width: 100%; display: block; position: relative; background: #fff;}

#home #pagemain *{color: #fff;}
#home #pagemain .container{max-width: 1000px;text-align: left;padding: 0; transform: translateY(-100px); position: relative; z-index: 1;}
#home #pagemain #mainlead{font-size: 100px;line-height: 1.5em;text-align: left;letter-spacing: 0.1em;margin-bottom: 0;top: -40px;position: relative; font-weight: 300; }
#home #pagemain #mainlead span{opacity: 0; transform: translateX(0); position: relative; display: inline-block; -ms-filter: blur(10px);
  filter: blur(10px);}
#home #pagemain #mainlead span.act{-ms-filter: blur(0px); filter: blur(0px); transition:filter 5s ease;}

#home #pagemain #mainlead span:nth-of-type(1),
#home #pagemain #mainlead span:nth-of-type(7){transform: translateX(10px);}
#home #pagemain #mainlead span:nth-of-type(2),
#home #pagemain #mainlead span:nth-of-type(8){transform: translateX(20px);}
#home #pagemain #mainlead span:nth-of-type(3),
#home #pagemain #mainlead span:nth-of-type(9){transform: translateX(30px);}
#home #pagemain #mainlead span:nth-of-type(4),
#home #pagemain #mainlead span:nth-of-type(10){transform: translateX(40px);}
#home #pagemain #mainlead span:nth-of-type(5),
#home #pagemain #mainlead span:nth-of-type(11){transform: translateX(50px);}
#home #pagemain #mainlead span:nth-of-type(6),
#home #pagemain #mainlead span:nth-of-type(12){transform: translateX(60px);}
#home #pagemain #mainlead span:nth-of-type(13){transform: translateX(70px);}

#home #pagemain .home-text-wrap-innner{padding-left: 100px;text-align: right;margin-bottom: 2em; position: relative;}
#home #pagemain .home-text-wrap-innner::before{content:"";width: 1px;height: calc(100% - 6rem); display: block; transform: scaleY(0); transform-origin:top; position: absolute;left: 0;top: 0; background: #fff;}
#home #pagemain.homeview .home-text-wrap-innner::before{transform: scaleY(1);transition: 3s ease 2s;top: inherit;bottom: 0;}


#home #pagemain .home-text-wrap-innner::after{content: "Message";position: absolute;left: 0;top: 0;transform: translateX(-40%);font-size: 0.8rem;letter-spacing: 0em; opacity: 0; -ms-filter: blur(6px); filter: blur(6px); -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl;  writing-mode: vertical-rl;}
#home #pagemain .text-line{font-size: 20px;letter-spacing: 0.2em;line-height: 4em;display: inline-block;padding-top: calc(50vh - 180px - 8em);padding-bottom: calc(50vh - 140px - 8em); text-align: left; opacity: 0;}

#home #pagemain .text-line span{display: block; opacity: 0; -ms-filter: blur(3px); filter: blur(3px); transform: translateY(20px);}
#home #pagemain .text-line span.active{opacity: 1; transition: 2s ease ; -ms-filter: blur(0px); filter: blur(0px); transform: translateY(0px);}

#home #pagemain.homeview .home-text-wrap-innner::after{letter-spacing: 0.25em; opacity: 1; transition: 2s ease; -ms-filter: blur(0px); filter: blur(0px);}

#home #pagemain.homeview .text-line{opacity: 1;transition: 1s ease 2s;}

#home #pagemain.homeview .text-line .bnr_60th{ border: 1px solid #fff; margin-top: 4em; display: block; opacity: 0; -ms-filter: blur(3px); filter: blur(3px); transform: translateY(20px);}
#home #pagemain.homeview .text-line .bnr_60th img{ width: 100%; height: auto;}
#home #pagemain.homeview .text-line .bnr_60th.active{opacity: 1; transition: 2s ease ; -ms-filter: blur(0px); filter: blur(0px); transform: translateY(0px);}

#home #pagemain .btn-arr{font-size: 20px;letter-spacing: 0.3em;margin-left: -10px; opacity: 0; -ms-filter: blur(3px); filter: blur(3px);}
#home #pagemain .btn-arr.active{ opacity: 1; transition: 1s ease; -ms-filter: blur(0px); filter: blur(0px);}

#home #pagemain #mainlead{}
#home #pagemain .homeBnr{width: 200px; height: 200px; display: block; position: absolute; right: 0; top:0; transform: translateY(-100%) translateX(50%);}
@media screen and (min-width: 901px){
	#home #pagemain .btn-arr .arr.arr-white,#home #pagemain .btn-arr .arr.arr-white .arr-inner,#home #pagemain .btn-arr .arr.arr-white .arr-inner::before,#home #pagemain .btn-arr .arr.arr-white .arr-inner::after,#home #pagemain .btn-arr .arr-text{transition: all 0.3s;}
	
	#home #pagemain .btn-arr:hover .arr.arr-white{border: 1px solid #1aa975;}
	#home #pagemain .btn-arr:hover .arr.arr-white .arr-inner,
	#home #pagemain .btn-arr:hover .arr.arr-white .arr-inner::before,
	#home #pagemain .btn-arr:hover .arr.arr-white .arr-inner::after{background: #1aa975;}
	#home #pagemain .btn-arr:hover .arr-text{color:#1aa975; }
}

@media screen and (max-width: 1500px){
	#home #pagemain #mainlead{font-size: 70px; top: -20px;}
	#home #pagemain .homeBnr{width: 175px; height: 175px; display: block; position: absolute; right: 0; top:0; transform: translateY(-100%) translateX(0%);}
}
@media screen and (max-width: 1400px) {
	.homeArticle{padding-bottom: 120px;}
}

@media screen and (max-width: 1300px){
	#home #pagemain .btn-arr,
	#home #pagemain .text-line{ font-size: 18px;}
	#home #pagemain .homeBnr{width: 150px; height: 150px; display: block; position: absolute; right: 0; top:0; transform: translateY(-100%) translateX(0%);}

}
@media screen and (max-width: 1140px){
	#home #pagemain #mainlead{font-size: 50px; top: -40px;}
	#home #pagemain .btn-arr,
	#home #pagemain .text-line{ font-size: 1.1rem;}
	#home #pagemain .homeBnr{width: 150px; height: 150px; display: block; position: absolute; right: 0; top:0; transform: translateY(-100%) translateX(0%);}
}
@media screen and (max-width: 900px){
	#home #pagemain .container{transform: none;}
	.homeArticle{padding-bottom: 20vw;}
	#home #pagemain .homeBnr{width: 120px; height: 120px; display: block; position: absolute; right: 0; top:-5vw; transform: translateY(-100%) translateX(0%);}
}
@media screen and (max-width: 600px){
	#home #pagemain{padding-bottom: 0;}
	#home #pagemain .home-text-wrap-innner{padding-left: 10vw; margin-bottom: 2.5vw; }
	#home #pagemain #mainlead{font-size: 29px;top: -10px;}
	#home #pagemain .home-text-wrap-innner::after{font-size: 0.7rem;}
	#home #pagemain .btn-arr{font-size: 0.9rem;line-height: 3em;padding: 0vw 0 5vw; margin-left: -5px;}
	#home #pagemain .text-line{font-size: 0.9rem;line-height: 3em;padding: 5vw 0;}
	#home #pagemain .homeBnr{width: 80px; height: 80px; display: block; position: absolute; right: 0; top:-5vw; transform: translateY(-100%) translateX(0%);}
	
	.portrait #homemainimg{bottom: 50px;}
}

/*home-news*/
#home-news .box-column-size1{text-align: left;}
.wrapper .column-flex .news-thumb-l{ overflow: hidden;}
.wrapper .column-flex .news-thumb-l .img-wrap{width: 200px;height: 200px;display: block;overflow: hidden;position: relative;}
.wrapper .column-flex .news-thumb-l .img-wrap img{ width: 100%; height: auto;}
.wrapper .column-flex .news-thumb-l .news-title-wrap{width: calc(100% - 250px);display: block;position: relative;}
.wrapper .column-flex .news-thumb-l .news-title-wrap .news-title-box{width: 100%;height: auto;display: block;position: absolute;left: 0;top: 50%;transform: translateY(-55%);text-align: left;}
.wrapper .column-flex .news-thumb-l .news-title-wrap .news-title-box *{transition: all 0.3s;}

#home-news .nav-child li a{display: block;position: relative;padding-left: 8em;}
#home-news .nav-child li a .day{position: absolute;left: 0;top: 1px;}
#home-news .news-s{margin-top: 50px;}
#home-news .news-s .text-wrap{}
#home .moviewrap .container {padding-bottom: 40%; }
#home .youtubeLink{text-align: right; padding-top: 1em;}
@media screen and (min-width: 901px) {
	.wrapper .column-flex .news-thumb-l:hover .news-title-box *{ color: #1aa975; transition: all 0.3s;}
	.wrapper .column-flex .news-thumb-l .img-wrap img{ transition: all 1s ease;}
	.wrapper .column-flex .news-thumb-l:hover .img-wrap img{ transform: scale(1.05);}
}

@media screen and (max-width: 1400px){
	#home-news .nav-child li a{padding-left: 8em;}
}

@media screen and (max-width: 1140px){
}

@media screen and (max-width: 900px){
	#homerecruit .container{}
	#home-life .title1{letter-spacing: 0.1em;}
	#home-life .title1 br{ display: none;}
	#home-news .news-s{margin-top: 0;}
	#home .youtubeLink{text-align: left; padding-top: 1em; font-size: 0.8rem;}
}

@media screen and (max-width: 600px){
	#home-news{padding-top: 10vw;}
	#home-news .column-flex .news-thumb-l .img-wrap{margin-bottom: 0;}
	#home-news .nav-child-wrap{padding-top: 2.5vw; margin-bottom: 2.5vw;}
	#home-news .nav-child li a{padding-left: 0;}
	#home-news .nav-child li a .day{line-height: 2em; width: 100%; position: relative;}
	.wrapper .column-flex .news-thumb-l .img-wrap{width: 100px;height: 100px;}
	.wrapper .column-flex .news-thumb-l .news-title-wrap{width: calc(100% - 115px);}
}


/*recruitbnr*/
body .wrapper .container .recruitbnr{background: url(../img/recruit_bnr.jpg) no-repeat center;background-size: cover;min-height: 400px;position: relative;display: block;max-width: inherit;}
body .wrapper .container .recruitbnr .innnerbnr{line-height: 90px;background: #fff;display: inline-block;padding: 0 30px 0 30px;position: absolute;right: 0;bottom: 0; min-width: 300px;}
body .wrapper .container .recruitbnr .innnerbnr .btn-arr{padding-right: 0;}


@media screen and (min-width: 901px) {
	body .wrapper .container .recruitbnr .innnerbnr{transition: all 0.3s;}
	body .wrapper .container .recruitbnr .innnerbnr *{transition: all 0.3s;}
	body .wrapper .container .recruitbnr:hover .innnerbnr{ background: #1aa975;}
	body .wrapper .container .recruitbnr:hover .innnerbnr .btn-arr .arr-text{color: #fff;}
}

@media screen and (max-width: 1400px){
}

@media screen and (max-width: 1140px){
	body .wrapper .container .recruitbnr .innnerbnr{min-width: inherit;}
}

@media screen and (max-width: 900px){
	body .wrapper .container .recruitbnr{padding-top: 40%;    min-height: initial;}
	body .wrapper .container .recruitbnr .innnerbnr{line-height: 50px;}
}

@media screen and (max-width: 600px){
   body .wrapper .container .recruitbnr .innnerbnr{width: 40%;min-width: 150px;right: 0;line-height: 40px;bottom: -10px;}
}

/*//////////////////////////////////////
feature
//////////////////////////////////////*/
#feature{}
#feature *{}
#feature.subpage{ margin-bottom: 0;}
#feature #feature-main .img-wrap{background: url(../img/feature_main.jpg) no-repeat; background-size: cover;}
#feature .wrapper.feature-experience{ margin-bottom: 180px;}
/*#feature .thumb .thumbimg{display: none;}*/
/*#feature .thumb .thumbinfo .cat{display: none;}*/
#feature .thumb .thumbinfo .title3{text-align: left;}
.experience-nav{position: relative;}
.experience-nav .circle{ width: 5em; height: 5em; background: #fff; color: #000; line-height: 5em; text-align: center; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1; margin-bottom: 0;}
.experience-nav a{width: 50%; padding-top: 40%; display: block; position: relative; margin-bottom: 0;}
.experience-nav a:nth-of-type(1){border-right: 1px solid #fff; border-bottom: 1px solid #fff;margin-bottom: 0;}
.experience-nav a:nth-of-type(2){border-bottom: 1px solid #fff;margin-bottom: 0;}
.experience-nav a:nth-of-type(3){border-right: 1px solid #fff; margin-bottom: 0;}
.experience-nav a:nth-of-type(4){}
.experience-nav a > div{display: inline-block;position: absolute;left: 50%;top: 50%;width: 80%;transform: translateX(-50%) translateY(-50%);text-align: center;}
.experience-nav a > div .title3{display: block; text-align: center; margin-bottom: 0.5em;}

#feature .ex-section{padding-bottom: 90px;}
#feature .ex-section:last-child{padding-bottom: 180px; margin-bottom: 0;}
#feature .ex-section .text-wrap-innner{ position: relative; padding-left: 50px;}
#feature .ex-section .text-wrap-innner::after{position: absolute; left: 0; top: 0; -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl;  writing-mode: vertical-rl; transform: translateX(-40%); font-size: 0.8rem; letter-spacing: 0.25em;}
#feature .ex-section .column-full{width: 100%; height: 100vh; display: block; position: relative; }
#feature .ex-section .column-full::before{content: ""; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.5); z-index: 0; position: absolute; left: 0; top: 0;}
#feature .ex-section .column-full .ex-title{display: inline-block; text-align: center; margin-bottom: 0; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1;}
#feature .ex-section .column-full .ex-title .titleEng{font-size: 13px; display: block; letter-spacing: 0.2em; padding-left: -0.2em; }



#feature .ex-section .linkArea{display: block;padding-top: 50px;}
#feature .ex-section .linkArea .title5{margin-bottom: 20px;}
#feature .ex-section .linkArea a{/* padding-left: 120px; */position: relative;display: block;margin-bottom: 20px;overflow: hidden;}
#feature .ex-section .linkArea a:last-child{margin-bottom: 0;}
#feature .ex-section .linkArea a .btn-arr{display: block; text-align: left;}
#feature .ex-section .linkArea a .img-wrap{display: block;width: 95px;height: 95px;float: left;left: 0;top: 0;padding-top: 0;margin-right: 25px;}

#feature #farm-c.ex-section .column-full{background: url(../img/feature_ex1_farm.jpg) no-repeat bottom center; background-size: cover;}
#feature #farm-c .text-wrap-innner::after{content: "Agriculture" }
#feature #farm-c .text-wrap-innner::before{height: calc(100% - 8em);top: 8em;}

#feature #life-c.ex-section .column-full{background: url(../img/feature_ex2_life.jpg) no-repeat center; background-size: cover;}
#feature #life-c .text-wrap-innner::after{content: "Life" }
#feature #life-c .text-wrap-innner::before{height: calc(100% - 4em);top: 4em;}

#feature #food-c.ex-section .column-full{background: url(../img/feature_ex3_food.jpg) no-repeat center; background-size: cover;}
#feature #food-c .text-wrap-innner::after{content: "Food" }
#feature #food-c .text-wrap-innner::before{height: calc(100% - 4em);top: 4em;}
#feature #food-c .yaku{margin-right: 0.2em;}

#feature #bible-c.ex-section .column-full{background: url(../img/feature_ex4_bible.jpg) no-repeat center; background-size: cover;}
#feature #bible-c .text-wrap-innner::after{content: "Bible" }
#feature #bible-c .text-wrap-innner::before{height: calc(100% - 4em);top: 4em;}

#feature #vison-c{background: url(../img/feature_vision.jpg) no-repeat center bottom;background-size: cover;padding:90px 0;}
#feature #vison-c .wrapper{margin-bottom: 30vw;}
#feature #vison-c .btn2{}
#feature #vison-c .btn2 br{display: none;}


#connection .schoolFrend::before{ content: "姉妹校"; display:block; width: 6em; font-size: 0.8rem; text-align: center;line-height: 1em; color: #fff; background: #1aa975; margin-right: 10px; margin-bottom: 10px; padding: 0.5em 0;  }
#connection .mainImg{padding-top: 0;}
#connection .mainImg img{position: relative; left: 0; top: 0; transform: none; width: 100%; height: auto;}

@media screen and (min-width: 901px) {
	#feature .ex-section .linkArea a:hover {color: #1aa975;}
	#feature #vison-c .btn2:hover{color: #1aa975;}
}

@media screen and (max-width: 1400px){
	#feature .wrapper.feature-experience{ margin-bottom: 100px;}
	#feature .ex-section .text-wrap-innner{padding-left: 20px;}
}

@media screen and (max-width: 1140px){
	#feature .ex-section{padding-bottom: 10vw;}
	#feature .ex-section .column-full{ padding-top: 60%; height: auto;}
	#feature .ex-section .linkArea{padding:5vw 0; }
	#feature .ex-section .linkArea a{/* padding-left: 110px; */margin-bottom: 5vw;}
	#feature .ex-section .linkArea a .img-wrap{width: 85px;height: 85px;margin-right: 25px;}
	#feature .ex-section .linkArea a br{display: none;}
	#feature .ex-section .text-wrap-innner::after{font-size: 0.7rem;}
	
	#feature #vison-c{background: url(../img/feature_vision.jpg) no-repeat center bottom;background-size:contain;padding:90px 0 50px;}
#feature #vison-c .wrapper{margin-bottom: 30vw;}
#feature #vison-c .btn2{}
}

@media screen and (max-width: 900px){
	#feature #vison-c{padding: 5vw 0 25px;}
	#feature #vison-c .wrapper{margin-bottom:15vw; }
	#feature .ex-section:last-child{padding-bottom:15vw;}
	#feature #feature-main .img-wrap{padding-top: 100%;}
	#feature #vison-c .btn2{margin-bottom: 40vw;}
	
}

@media screen and (max-width: 600px){
	#feature .title2{font-size: 1.3rem;}
	#feature #vison-c .btn2{padding: 15px;}
	#feature .ex-section .linkArea a .img-wrap{width: 70px; height: 70px;}
	#feature .ex-section .linkArea a{/* padding-left: 85px; */}
	#feature #vison-c .btn2 br{display:block;}
}

/*//////////////////////////////////////
about
//////////////////////////////////////*/
#about .img-farmboss{ padding-top: 120%; }
#about #philosophy .title4{display: block;margin-bottom: 0em;}
#about #philosophy .title3{ display: block; text-align: center; margin-bottom: 0; line-height: 2em; font-size: 16px;}
#about #philosophy .illust{width: 60px;height: auto;display: block;margin-bottom: 10px;}

@media screen and (max-width: 1500px){
	#about.index-page .title3{font-size: 18px;}
}

@media screen and (max-width: 1200px){
	#about #philosophy .sanai .column-flex.box-column3 .box-column-size1{ width: 100%; padding-left: 100px;}
	#about #philosophy .sanai .text-wrap-innner .illust{ position: absolute; left: 25px; top: 0;}
}
@media screen and (max-width: 1024px){
	#about #philosophy .title3{font-size: 0.9rem; margin-bottom: 5vw;}
	#about #philosophy .sanai .column-flex.box-column3 .box-column-size1{margin-bottom:5vw; padding-left: 60px;}
	#about #philosophy .sanai .text-wrap-innner .illust{left: 0; width: 45px;}
	#about #philosophy .sanai .text-wrap-innner::before{ display: none;}
}

@media screen and (max-width: 600px){
	#about #philosophy .sanai .column-flex.box-column3 .box-column-size1{margin-bottom: 10vw; }
}

#about.about-education .wrapper .column-flex .img-wrap{min-height: 600px;}
#about .curriculum-list{border-top:1px solid #ccc;}
#about .curriculum-list dt{width: 8em;padding: 10px 20px;margin-right: 0;/* border: 1px solid #ccc; */border-right: none; }
#about .curriculum-list.curriculum2{ border-bottom:1px solid #ccc; background: #f1f1f1;}
#about .curriculum-list dt h4{display: inline-block; font-size: 1.1rem; padding-bottom: 0.25em;}
#about .curriculum-list dd{width: calc(100% - 8em);border-right: none;padding: 10px 20px;/* border: 1px solid #ccc; */border-left: none;}
#about .curriculum-list dd span{display: inline-block; margin-right: 1em;}
#about .curriculum-list dd span:last-child{ margin-right: 0;}


#curriculum .text-wrap-innner{padding-left: 50px;}
#curriculum .title2 .title4{display: block;}
#curriculum .curriculum1{}
#curriculum .curriculum2{}

.curriculumlist-wrap{border:1px solid #ccc; margin-top: 50px; margin-bottom: 25px;}
.curriculumlist{ position: relative;}

.curriculumlist::after{ content:"(単位)"; position: absolute; right:0px; top: -2.5em; display: inline-block; font-size: 0.9rem; letter-spacing: 0.2em;}
.curriculumlist > div{border-right:#ccc 1px solid;width: 3.125%;line-height: 1.5em;display: flex;justify-content: space-between;position: relative;}
.curriculumlist > div:last-child{border-right: none;}
.curriculumlist > div > span{writing-mode: vertical-rl;display:inline-block;margin: 50px auto 25px;text-orientation: upright;text-align: left; position: relative;}
.curriculumlist > div.c2{width: calc(3.125%*2);}
.curriculumlist > div.c3{width: calc(3.125%*3);}
.curriculumlist > div.c4{width: calc(3.125%*4);}
.curriculumlist > div.c5{width: calc(3.125%*5);}
.curriculumlist > div.c6{width: calc(3.125%*6);}
.curriculumlist .numbox{display: none;}
.curriculumlist > div > .numbox{width:100%;height: 25px;line-height: 25px;background: #000;position: absolute;left: 0;top: 0;display: -webkit-flex!important;display: flex!important;-webkit-flex-wrap: wrap!important;flex-wrap: wrap!important;-webkit-box-pack: justify;justify-content: space-between;}
.curriculumlist > div > .numbox > span{ color: #fff; width: 100%; display: block; text-align: center; font-size: 0.7rem; border-right: #333 1px solid;} 
.curriculumlist > div.c2 > .numbox > span{width: 50%; display: block;}
.curriculumlist > div.c3 > .numbox > span{width: 33.333%; display: block;}
.curriculumlist > div.c4 > .numbox > span{width: 25%; display: block;}
.curriculumlist > div.c5 > .numbox > span{width: 20%; display: block;}
.curriculumlist > div > .numbox > span:last-child{border-right:none;}
.empty::before{ content: ""; width: 1px; height: 100%; background: #ccc; display: block; position: absolute; left: 50%; top: 50%; transform:translateY(-50%);}
.curriculumlist > div.agri{background: #f1f1f1;}
.curriculumlist > div.usually-agri{background: repeating-linear-gradient(45deg, #eee, #eee 5px, #fff 5px, #fff 10px);}

.curriculum-caption-wrap{text-align:right;}
.curriculum-caption{padding-left: 85px;position: relative;text-align: left;font-size: 0.9rem;display: inline-block;line-height: 1.8em;margin-left: 25px;}
.curriculum-caption:first-child{margin-left: 0;}
.curriculum-caption span{width: 75px;height: 24px;display: block;border: 1px solid #ccc;position: absolute;left: 0;top: 0;}
.curriculum-caption span.cc2{background: #f1f1f1;}
.curriculum-caption span.cc3{background:url(../img/agri_usafull.png);}

@media screen and (max-width: 1200px){
	.curriculumlist::after{right: inherit; left: 0;}
	.curriculumlist-wrap{border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.wrapper .curriculumlist > div{border-right: none; margin-bottom: 0; width: 100%; border-bottom: 1px solid #ccc;}
	.wrapper .curriculumlist > div:last-child{border-bottom: none;}
	.curriculumlist > div:last-child{border-right: none;}
	.curriculumlist > div > span{writing-mode:inherit;display: block;width: 100%;padding-left: 75px;margin: 0 auto;text-align: left;position: relative;padding: 10px 0 10px 25px;}
	.curriculumlist > div.c2,.curriculumlist > div.c3,.curriculumlist > div.c4,.curriculumlist > div.c5,.curriculumlist > div.c6{width: 100%;}
	.curriculumlist .numbox{display: none;}
	.curriculumlist > div > .numbox{width:50px;height: auto;line-height: 1.5em;padding: 10px 0;background: #000;position: relative;}
	.curriculumlist > div > .numbox > span{ color: #fff; width: 100%; display: block; text-align: center; font-size: 0.7rem; border-right:none;} 
	.curriculumlist > div.c2 > .numbox > span,
	.curriculumlist > div.c3 > .numbox > span,
	.curriculumlist > div.c4 > .numbox > span,
	.curriculumlist > div.c5 > .numbox > span{width: 100%; display: block;}
	.curriculumlist > div > .numbox > span:last-child{border-right:none;}
	.empty::before{content: "";width: calc(100% - 50px);height: 1px;background: #ccc;display: block;position: absolute;left: 25px;top: 50%;transform: translateY(-50%);}
	.curriculumlist > div.glay{background: #f1f1f1;}
}
@media screen and (max-width: 1024px){
	#about.about-education .wrapper .column-flex .img-wrap{min-height: inherit;}
	#curriculum .text-wrap-innner{padding-left: 25px;}
	#about .curriculum-list dd{padding-top: 5px;}
}

@media screen and (max-width: 900px){
	#curriculum .column-flex.box-column4 .box-column-size1.title2{margin-bottom: 2.5vw;}
	#curriculum .column-flex.box-column4 .box-column-size1.title2 .title4{margin-bottom: 0;}
	#about .curriculum-list{border-top:1px solid #ccc;}
	#about .curriculum-list dt{width: 100%;padding-bottom: 0;padding: 10px 10px 0px 10px;}
	#about .curriculum-list.curriculum2{ border-bottom:1px solid #ccc; background: #f1f1f1;}
	#about .curriculum-list dt h4{display: inline-block; font-size: 1.1rem; padding-bottom: 0.25em;}
	#about .curriculum-list dd{width: 100%;padding-top: 0;padding: 0px 10px 10px 10px;}
	#about .curriculum-list dd span{display: inline-block; margin-right: 1em;}
	#about .curriculum-list dd span:last-child{ margin-right: 0;}
}

@media screen and (max-width: 600px){
	#curriculum .column-flex.box-column4 .box-column-size1.title2{margin-bottom: 5vw;}
}

/*history*/

#about.about-history .img-history{ background: url(../img/about_history.jpg) no-repeat top center; background-size: cover;}
#about.about-history .img-history img{display: none;}
@media screen and (max-width: 1024px){
	#about.about-history .img-history{padding-top: 80%;}
}

/*///////////////////////////////////////////
map
//////////////////////////////////////////*/
#facilty_map{position: relative;max-width: 1100px;margin: 0 auto;}
#facilty_map .map .mapnum{ width: 100%; height: auto; display: block; position: absolute; left: 0; top: 0; display: none;}
#facilty_map .map_btn_wrap{ display: block;}



/*施設案内*/
@media screen and (min-width: 1025px){
	#facilty_map .map_btn{background: #1aa975;width: auto;line-height: 40px;text-align: center;display: inline-block;color: #fff;border-radius: 20px;z-index: 1;position: relative;padding: 0 1.5em;}
	#facilty_map .map_btn a{color: #fff; margin-right: 10px;}
	#facilty_map .map_btn a:last-child{margin-right: 0;}
	
	#facilty_map .map_btn{transition: all 0.3s;}
	#facilty_map .map_btn:hover{background:#13cd89; }
	
	.about-facility #facilty_map .p1{position: absolute;top: 24%;right: 23%;transform: translateX(50%);display: block;height: auto;width: 20%;}
	.about-facility #facilty_map .p1::after{content: "";width: 100%;height: 10px;position: absolute;right: 0;background: url(../img/svg/map_point_r.svg) no-repeat bottom left;background-size: 1000px;top: calc(50% - 5px);}
	.about-facility #facilty_map .p2{position: absolute;top: 26%;left: 32%;transform: translateX(-50%);display: block;height: auto;width: 45%;text-align: left;}
	.about-facility #facilty_map .p2::after{content: "";width: 100%;height: 10px;position: absolute;left: 0;background: url(../img/svg/map_point_l.svg) no-repeat bottom right;background-size: 1000px;top: calc(50% - 5px);}
	.about-facility #facilty_map .p3{position: absolute;top: 34%;right: 10%;transform: translateX(50%);display: block;height: auto;width: 20%;}
	.about-facility #facilty_map .p3::after{content: "";width: 100%;height: 10px;position: absolute;right: 0;background: url(../img/svg/map_point_r.svg) no-repeat bottom left;background-size: 1000px;top: calc(50% - 5px);}
	.about-facility #facilty_map .p4{position: absolute;top: 0;left: 60.5%;transform: translateX(-50%);display: block;height: 26.5%;}
	.about-facility #facilty_map .p4::after{content: "";width: 10px;height: 100%;position: absolute;top: 0; background: url(../img/svg/map_point_t.svg) no-repeat bottom; background-size: 10px; left: 50%; transform: translateX(-50%);}
	.about-facility #facilty_map .p5{position: absolute;top: 56%;right: 10%;transform: translateX(50%);display: block;height: auto;width: 20%;}
	.about-facility #facilty_map .p5::after{content: "";width: 100%;height: 10px;position: absolute;right: 0;background: url(../img/svg/map_point_r.svg) no-repeat bottom left;background-size: 1000px;top: calc(50% - 5px);}
	.about-facility #facilty_map .p6{position: absolute;bottom: 0;left: 51.5%; transform: translateX(-50%); display: block;height: 26%;}
	.about-facility #facilty_map .p6::after{content: "";width: 10px;height: 100%;position: absolute;top: 0;background: url(../img/svg/map_point_b.svg) no-repeat top;background-size: 10px;left: 50%;transform: translateX(-50%);}
	.about-facility #facilty_map .p1 .map_btn,
	.about-facility #facilty_map .p3 .map_btn,
	.about-facility #facilty_map .p4 .map_btn,
	.about-facility #facilty_map .p5 .map_btn{float: right;}
	.about-facility #facilty_map .p6 .map_btn{width: 8em;position: absolute;left: 0;bottom:0;transform: translateX(-50%);}
}

@media screen and (max-width: 1200px){
	#facilty_map .map_btn a{ font-size: 0.8rem;}
	#facilty_map .map_btn{line-height: 30px;}
	.about-facility #facilty_map .p1{ height: 18%; }
	.about-facility #facilty_map .p1 .map_btn{width: 120px;}
	.about-facility #facilty_map .p3{top:25%; right: 15%;}
	.about-facility #facilty_map .p4 .map_btn{}
	.about-facility #facilty_map .p5 .map_btn{}
}

@media screen and (max-width: 1024px){
	#facilty_map .map .img.mapnum{ display: block;}
	#facilty_map .map .mapnum{ display: block;}
	#facilty_map .map_btn_wrap{ display: none;}
}

/*農場案内*/
@media screen and (min-width: 1025px){
	.about-farm #facilty_map .p1{position: absolute;top: 0;left:51.2%;transform: translateX(-50%);display: block;height: 39%;}
	.about-farm #facilty_map .p1::after{content: "";width: 10px;height: 100%;position: absolute;top: 0; background: url(../img/svg/map_point_t.svg) no-repeat bottom; background-size: 10px; left: 50%; transform: translateX(-50%);}
	.about-farm #facilty_map .p1 .map_btn{}
	.about-farm #facilty_map .p2{position: absolute;top: 37%;left: 26%;transform: translateX(-50%);display: block;height: auto;width: 21.5%;text-align: left;overflow: hidden;}
	.about-farm #facilty_map .p2::after{content: "";width: 100%;height: 10px;position: absolute;right: 0;background: url(../img/svg/map_point_l.svg) no-repeat bottom right;background-size: 1000px;top: calc(50% - 5px);}
	.about-farm #facilty_map .p3{position: absolute;top: 45%;left: 17%;transform: translateX(-50%);display: block;height: auto;width: 35.5%;overflow: hidden;text-align: left;}
	.about-farm #facilty_map .p3::after{content: "";width: 100%;height: 10px;position: absolute;right: 0;background: url(../img/svg/map_point_l.svg) no-repeat bottom right;background-size: 1000px;top: calc(50% - 5px);}
	.about-farm #facilty_map .p4{position: absolute;bottom: 0;left: 36.5%; transform: translateX(-50%);display: block;height: 40%;}
	.about-farm #facilty_map .p4::after{content: "";width: 10px;height: 100%;position: absolute;top: 0;background: url(../img/svg/map_point_b.svg) no-repeat top;background-size: 10px;left: 50%;transform: translateX(-50%);}
	.about-farm #facilty_map .p4 .map_btn{position: absolute;left: 0;bottom:0;transform: translateX(-50%);width: 7em;}
	.about-farm #facilty_map .p5{position: absolute;top: 42%;right: 22%;display: block;height: auto;width: 43.1%;overflow: hidden;transform: translateX(50%);}
	.about-farm #facilty_map .p5::after{content: "";width: 100%;height: 10px;position: absolute;right: 0;background: url(../img/svg/map_point_r.svg) no-repeat bottom left;background-size: 1000px;top: calc(50% - 5px);}
	.about-farm #facilty_map .p5 .map_btn{float: right;}
	.about-farm #facilty_map .p6{position: absolute;top: 14%;left: 36%;transform: translateX(-50%);transform: translateX(-50%);display: block;height: 23%;}
	.about-farm #facilty_map .p6::after{content: "";width: 10px;height: 100%;position: absolute;top: 0;background: url(../img/svg/map_point_t.svg) no-repeat bottom;background-size: 10px;right: 68px;}
	.about-farm #facilty_map .p6 .map_btn{/* width: 220px; */}
}

@media screen and (max-width: 1200px){
	.about-farm #facilty_map .p2{top: 35%;}
}




@media screen and (max-width: 1024px){
	.farm-facility .column .title3{position: relative; padding-left: 25px;}
	.farm-facility .column .title3::before{ top: 3px;width: 18px;height: 18px;line-height: 18px;text-align: center;color: #fff;border-radius: 50%;background: #1aa975;position: absolute;left: 0;font-size: 0.7rem;}
	.farm-facility .column:nth-child(1) .title3::before{content: "1";}
	.farm-facility .column:nth-child(2) .title3::before{content: "2";}
	.farm-facility .column:nth-child(3) .title3::before{content: "3";}
	.farm-facility .column:nth-child(4) .title3::before{content: "4";}
	.farm-facility .column:nth-child(5) .title3::before{content: "5";}
	.farm-facility .column:nth-child(6) .title3::before{content: "6";}
	.farm-facility .column:nth-child(7) .title3::before{content: "7";}
	.farm-facility .column:nth-child(8) .title3::before{content: "8";}
	.farm-facility .column:nth-child(9) .title3::before{content: "9";}
}

@media screen and (max-width: 900px){
	div#facilty_map .map img{ transform: scale(1.3);}
}

/*施設案内のスマートフォン*/
@media screen and (max-width: 1024px){
	.column-flex.box-column4.school-event > .box-column-size3 .column .title3{position: relative; padding-left: 25px;}
	.column-flex.box-column4.school-event > .box-column-size3 .column .title3::before{ top: 3px;width: 18px;height: 18px;line-height: 18px;text-align: center;color: #fff;border-radius: 50%;background: #1aa975;position: absolute;left: 0;font-size: 0.7rem;}
	.column-flex.box-column4.school-event > .box-column-size3 .column:nth-child(1) .title3::before{content: "1";}
	.column-flex.box-column4.school-event > .box-column-size3 .column:nth-child(2) .title3::before{content: "2";}
	.column-flex.box-column4.school-event > .box-column-size3 .column:nth-child(3) .title3::before{content: "3";}
	.column-flex.box-column4.school-event > .box-column-size3 .column:nth-child(4) .title3::before{content: "4";}
	.column-flex.box-column4.school-event > .box-column-size3 .column:nth-child(5) .title3::before{content: "5";}
	.column-flex.box-column4.school-event > .box-column-size3 .column:nth-child(6) .title3::before{content: "6";}
}

/*/////////////////////////////////////////////////////////////

life

/////////////////////////////////////////////////////////////*/

.schedule{position: relative;padding-left: 0;}
.schedule.schedule-life{padding-top: 45px;}
.schedule .title4{display: block;width: 100%;background: #fff;position: absolute;left: -2px;top: 0;padding-bottom: 0.5em;}
dl.list-horizontal.dl-schedule > dt{width: calc(4em + 25px); padding-left: 25px; position: relative;}
dl.list-horizontal.dl-schedule > dt::before{content: "";display: block;background: #000;width: 5px;height: 5px;border-radius: 3px;display: block;position: absolute;left: -2px;top: calc(0.8em + 10px);}
dl.list-horizontal.dl-schedule > dd{width: calc(100% - 4em - 25px);padding-top: 10px;}
.life-schedule-detail{ font-size: 0.9rem; line-height: 1.8rem; display: block;}
.life .moviewrap{padding-top: 0;}
.life .moviewrap .container{padding-bottom:46%;}
.life .moviewrap .container iframe{height: 100%;}

@media screen and (max-width: 1200px){
	#life-schedule .column-flex.box-column3 .box-column-size2{ width: 100%;}
	#life-schedule .column-title{margin-bottom: 2.5vw;}
	.column-flex .column-flex.box-column2 .box-column-size1.schedule{width: calc(50% - 25px); margin-bottom: 0;}
	.column-flex.box-column4.school-event > .box-column-size1,
	.column-flex.box-column4.school-event > .box-column-size3,
	.column-flex.box-column3.school-event > .box-column-size1,
	.column-flex.box-column3.school-event > .box-column-size2{width: 100%;}
	.column-flex.box-column4.school-event > .box-column-size1 > .text-wrap,
	.column-flex.box-column3.school-event > .box-column-size1 > .text-wrap{margin-bottom: 50px;}
}

@media screen and (max-width: 1024px){
	#life-schedule .column-title{margin-bottom: 0vw;}
	.column-flex.box-column3.school-event > .box-column-size1 > .text-wrap{margin-bottom: 0;}
	.column-flex.box-column3.school-event .box-column-size1{margin-bottom: 2.5vw;}
	.column-flex.box-column3.school-event .box-column-size1:last-child{margin-bottom: 0;}
}

@media screen and (max-width: 900px){
	.column-flex .column-flex.box-column2 .box-column-size1.schedule{width:100%; }
	.column-flex .column-flex.box-column2 .box-column-size1.schedule.schedule-life{margin-bottom: 5vw;}
	.column-flex .column-flex.box-column2 .box-column-size1.schedule.schedule-life:last-child{margin-bottom: 0;}
	.column-flex.box-column4.school-event > .box-column-size1{margin-bottom: 5vw;}
	.column-flex.box-column4.school-event > .box-column-size1 .text-wrap{margin-bottom: 0;}
}

/*life voice*/
#place .jpmap{width: 500px; height: auto; position: absolute; right: 0; top: 0; }
#place .map-color-wrap li{display: block; text-align: left; padding-left: 100px; line-height: 20px; position: relative; margin-bottom: 10px;}
#place .map-color-wrap li .map-color{width: 75px; height:20px; display: block; background: #000; position: absolute; left: 0; top: 0; }
#place .map-color-wrap li:nth-child(1) .map-color{ border: 1px solid #a8ca69; background: none;}
#place .map-color-wrap li:nth-child(2) .map-color{ background: #c9e4ce;}
#place .map-color-wrap li:nth-child(3) .map-color{ background: #a8ca69;}
#place .map-color-wrap li:nth-child(4) .map-color{ background: #4f9b52;}
#place .map-color-wrap li:nth-child(5) .map-color{ background: #286e35;}
#place .mannum-wrap li{display: block; text-align: left; line-height: 20px; position: relative; margin-bottom: 10px; padding-right: 7em;}
#place .mannum-wrap li .mannum{ width: 7em; position: absolute;right: 0; top: 0; text-align: right;}
@media screen and (max-width: 1200px){
	#place .jpmap{width: 100%; position: relative; right:inherit; top:inherit;}
	#place .column-flex .column-flex.box-column3 .box-column-size2{width: 100%;}
	#place .mannum-wrap li .mannum{position: relative; right: inherit; top: inherit; margin-left: 1em;}
}

/*/////////////////////////////////////////////////////////////

exam

/////////////////////////////////////////////////////////////*/
#exam.exam-cource .shinro-list dt{width: 9em;}
#exam.exam-cource .shinro-list dd{width: calc(100% - 9em);}
.exam-qa .title3{cursor: pointer;font-size: 16px;}
.exam-qa .qa-list{/* padding: 25px 50px; */border-top: 1px solid #fff;background:#f5f5f5;text-align: left;}
.exam-qa .q{display: block;/* padding-left:50px; *//* padding-right: 50px; */position:relative;margin-bottom: 0;padding: 25px 70px 25px 50px;}
.exam-qa .q::before{content: "Q";display: inline-block;position: absolute;left: 25px;top: 25px;font-size: 16px;}
.exam-qa .q .openicon{display: block;width: 25px;height:25px;position: absolute;right: 25px;top: 28px;border-radius: 50%;}
.exam-qa .q .openicon::before{ content: ""; width: 100%; height:1px; display: block; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.exam-qa .q .openicon::after{ content: ""; width: 100%; height:1px; display: block; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(90deg);}
.exam-qa .qa-list .a-wrap{text-align: left;position: relative;/* padding-left: 10px; *//* padding-top: 25px; */display: none;padding: 0px 50px 25px;}
.exam-qa .qa-list .a-wrap .title5{margin-bottom: 0.5em;}
.exam-qa .a-wrap .a{display: block; }
.exam-qa .qa-list.open{background: none; border-top: 1px solid #f5f5f5;}
.exam-qa .qa-list.open .a-wrap{display: block;margin-bottom: 15px;}
.exam-qa .qa-list.open .a-wrap .text-wrap-innner{padding: 10px 0 15px 30px;}
.exam-qa .qa-list.open .q .openicon{ }
.exam-qa .qa-list.open .q .openicon::before{ content: ""; width: 100%; height:1px; display: block; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.exam-qa .qa-list.open .q .openicon::after{ content: ""; width: 100%; height:1px; display: block; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(0deg);}

#exam #courseGraph .img-wrap{ position: relative;}
#exam #courseGraph .img-wrap img{ position: relative;}

@media screen and (max-width: 1200px){
	.exam-qa .qa-list{}
}

@media screen and (max-width: 600px){
	.exam-qa .q .openicon{ width: 20px; height: 20px; top: 0;}
	.exam-qa .q{padding-left: 30px;}
	.exam-qa .qa-list.open .a-wrap .text-wrap-innner{padding: 10px 0 15px 20px;}
}

/*/////////////////////////////////////////////////////////////

recruit

/////////////////////////////////////////////////////////////*/
#recruit .img-recruit{background: url(../img/recruit_img.jpg) no-repeat center; background-size: cover;}
#recruit .img-recruit img{display: none;}
@media screen and (max-width: 600px){
#recruit .img-recruit img{display:block;}
}

/*/////////////////////////////////////////////////////////////

information

/////////////////////////////////////////////////////////////*/
#information .catnav{text-align: left;}
#categoryNav .c-nav-inner .act{color: #000;opacity: 1;}
#information #pagemain .day{margin-bottom: 1em; display: inline-block;}
#information #pagemain .cat{padding-top: 1em; display: inline-block;}
#information .entrymain{}
#information #info-subnavi .column:first-child{ border-bottom: 1px solid #000; margin-bottom: 50px; padding-bottom: 50px;}
#information #info-subnavi .column .title3{margin-bottom: 1em;}
#information #pagemain .pagetitle{ line-height: 1.5em;}

.wrapper .entry{ width: calc(100% - 100px); display: block; margin: 0 auto;}
.wrapper .entry img{max-width: 100%; width: auto; height: auto; margin: 10px 0;}
.wrapper .entry > *{margin: 0 auto 50px;}

@media screen and (max-width: 1200px){
	#information #info-subnavi .column:first-child{ border-bottom: 1px solid #000; margin-bottom: 25px; padding-bottom: 25px;}
}

@media screen and (max-width: 900px){
	#information #info-subnavi .column:first-child{ border-bottom: 1px solid #000; margin-bottom: 5vw; padding-bottom: 5vw;}
	#categoryNav .c-nav-inner.pagenation-num a{opacity: 0.5;}
}

/*/////////////////////////////////////////////////////////////

access

/////////////////////////////////////////////////////////////*/
#access #map{width: 100%; padding-top: 50%; min-height: 450px; display: block; margin-bottom: 50px; position: relative;}
#access #map iframe{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;}

/*/////////////////////////////////////////////////////////////

contact

/////////////////////////////////////////////////////////////*/
#contact .title2{margin-bottom: 50px;}
#contact .formWrap dd{margin-bottom: 25px; padding-bottom: 0;}
#contact .btn-arr{display: block; text-align: left; margin-bottom: 10px; margin-right: 0;}
#contact select{margin-bottom: 0;}
.pulldown{position: relative;}
.pulldown::after{content: "";width: 50px;height: 50px;display: block;background:url(../img/svg/arr_under.svg) no-repeat;position: absolute;right: 10px;top: 50%;transform: translateY(-50%); pointer-events: none;}

@media screen and (max-width: 900px){
	#contact .title2{margin-bottom: 1.5rem;}
	.pulldown::after{ width: 30px; height: 30px;}
}

/*/////////////////////////////////////////////////////////////

request

/////////////////////////////////////////////////////////////*/
#request .title2{margin-bottom: 50px;}
#request .formWrap dd{margin-bottom: 25px;}
#request .btn-arr{display: block; text-align: left; margin-bottom: 10px; margin-right: 0;}

/*/////////////////////////////////////////////////////////////

experience

/////////////////////////////////////////////////////////////*/
#experience .wrapper .column-flex .img-wrap.img-right{ padding-top: 100%;}

@media screen and (min-width: 901px){
	#experience .wrapper .column-flex .img-wrap.img-right:hover .innnerbnr{ background: #1aa975;}
	#experience .wrapper .column-flex .img-wrap.img-right:hover .innnerbnr .arr-text{color: #fff;}
}

@media screen and (max-width: 600px){
	#experience .wrapper .container .recruitbnr .innnerbnr{padding: 0 10px 0 10px;min-width: 180px;width: 60%;}
}

/*/////////////////////////////////////////////////////////////

donation

/////////////////////////////////////////////////////////////*/

#donation.architecture {background:#e6fff6;}
#donation.architecture *.btn-gray{background: #fff;}
#donation.architecture .donationArea{background:#1aa975;}

#donation .howbtn{line-height: 50px; width: auto; padding: 0 30px; margin-top: 25px; font-size: 0.9rem;}

#donation .text-wrap-innner{ min-height: 360px;}
#donation .btn-wrap a{ display: block; margin-bottom: 15px;}
#donation .donationArea{background: #1ca975;  padding-bottom: 90px;}
#donation .donationArea .box-column-half{color: #fff;}

#donation .firstcolumn .box-column3 .text-wrap-innner{    min-height: 500px;}
#donation.subpage{margin-bottom:0;}

#donation .donation-list{background:#f3e06f;text-align: left; margin-bottom: 1px;}
#donation .donation-list.open{background: #fff;}
#donation .donation-type{display: block;position:relative;margin-bottom: 0;padding: 25px 70px 25px 50px;cursor: pointer;font-size: 16px;}
#donation .donation-type .openicon{display: block;width: 25px;height:25px;position: absolute;right: 25px;top: 25px;border-radius: 50%;}
#donation .donation-type .openicon::before{ content: ""; width: 100%; height:1px; display: block; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#donation .donation-type .openicon::after{ content: ""; width: 100%; height:1px; display: block; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(90deg);}
#donation .donation-list .a-wrap{text-align: left;position: relative; display: none;padding: 0px 50px 25px;}
#donation .donation-list.open .a-wrap{display: block;}
#donation .donation-list.open .donation-type .openicon{ }
#donation .donation-list.open .donation-type .openicon::before{ content: ""; width: 100%; height:1px; display: block; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#donation .donation-list.open .donation-type .openicon::after{ content: ""; width: 100%; height:1px; display: block; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(0deg);}

#donation .donationBtnWrap .box-column-size1.btn{ width: calc(33.3333% - 7px); width: -webkit-calc(33.3333% - 7px); line-height: 50px; color: #fff; margin-bottom: 10px;}

#donation .donationFormWrap .pricebtn{ line-height: 50px; background: #ccc; width: calc(33.3333% - 7px); width: -webkit-calc(33.3333% - 7px);}
#donation .donationFormWrap .pricebtn.act{background: #1aa975; color: #fff; transition:all 0.5s ease ; cursor: pointer;}
#donation .donationFormWrap .pricebox{width: calc(66.666% - 3px); position: relative;}
#donation .donationFormWrap .pricebox input{height: 50px; padding: 10px 30px 10px 10px;}
#donation .donationFormWrap .pricebox span{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
#donation .donationFormWrap form{display: block; overflow: hidden; width: 100%;}
#donation .donationFormWrap form > .pricebox{display: block; float: left;}
#donation .donationFormWrap form > .pricebtn{display: block; float: right;}


#donation .donation-list .column{border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 30px;}
#donation .donation-list .column:last-child{border-bottom: none; margin-bottom: 0;}

#donation.architecture *.btn-gray:hover{background: #1aa975;}

@media screen and (max-width: 1200px){
	.exam-qa .donation-list{}
}
@media screen and (max-width: 1024px){
	#donation .firstcolumn .box-column3 .text-wrap-innner,
	#donation .text-wrap-innner{min-height: inherit;}
	#donation .donation-type{font-size: 0.9rem;}
}
@media screen and (max-width: 600px){
	.exam-qa .donation-type .openicon{ width: 20px; height: 20px; top: 0;}
	.exam-qa .donation-type{padding-left: 30px;}
	#donation .donationFormWrap .pricebox{width: 100%;}
	#donation .donationFormWrap .pricebtn{width: 100%;}
	#donation .donation-list .a-wrap{padding:0 5vw 5vw; }
	#donation .donationArea .title2{ font-size: 1rem;}
	#donation .donationBtnWrap .box-column-size1.btn{ width: calc(33.3333% - 0.67px); width: -webkit-calc(33.3333% - 0.67px); line-height: 50px; color: #fff; margin-bottom: 1px;}
}