@charset "UTF-8";

/* //////////////////////////////////////////////////////////
*****************************************
 Lower Page Style - desktop and notepc
Developer: Neoworkers Corp.

--- お客様へ ---
お客様サイドでスタイル指定したい場合は、以下のCSSファイルに記述してください。
■全てのデバイス共通 … /css/lower/single.css
■PC(ipadなどのタブレット含む)　… /css/lower/single_pc.css
■モバイル … /css/lower/single_mobi.css

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

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Common List Block Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* content head read */
#future_content > h2,
h2.contentHeadRead,h3.contentHeadRead,h4.contentHeadRead,h5.contentHeadRead,h6.contentHeadRead{padding:40px 0 0 0;}


.diagonalList li:nth-child(2n),
.diagonalList .oneBox:nth-child(2n){padding:80px 0 40px 0;}
.diagonalList li:nth-child(2n):before,
.diagonalList .oneBox:nth-child(2n):before{border-width: 80px 0 0 100vw ;}
.diagonalList li:nth-child(2n):after,
.diagonalList .oneBox:nth-child(2n):after{border-width: 0 0 40px 100vw ;}



/* TwoBlock(pc+land) list */
/* english */
.siteListShadow.twoList > li,
.siteListShadow.twoList > div > div{
	width:calc(50% - 40px);
	margin:0 20px 40px;
}

.siteListShadow.threeList > li,
.siteListShadow.threeList > div > div{
	width:calc(33% - 20px);
	margin:0 10px 40px;
}

.siteListShadow.oneList > li,
.siteListShadow.oneList > div > div{
	width:calc(100% - 20px);
	margin:0 10px 40px;
}




/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Guide
-------------------------------------------------------------
////////////////////////////////////////////////////////// */
/* ------------------------------------------------ 
       facility
---------------------------------------------------  */

#facilityContentHead h3{margin-bottom:40px;}
#facilityContentMap {padding-top:40px;}
#facilityContentMap .primary{width:60%;}
#facilityContentMap .secondary{width:40%;padding-left:10px;}
#facilityContentMap .secondary ul li a{padding:5px;}
#facilityContentMap .secondary .helmet{
	padding-left:20px;
	margin-top:20px;}

#arena-maishinWrap .primary{padding:40px 0;}
#arena-maishinWrap .primary > div{
	width:calc(50% - 20px);
	margin-right:40px;}

#arena-maishinWrap .primary > div:nth-child(2){margin-right:0;}

#arena-maishinWrap .secondary{padding-top:40px;}
#arena-maishinWrap .secondary .tx{width:70%;padding-right:40px;}
#arena-maishinWrap .secondary figure{width:30%;}

/* modal */

.facilityModal .primary{width:70%;}
.facilityModal .primary .mainImg{max-height:60vh;}


.facilityModal .secondary{width:30%;}
.facilityModal .secondary .tx {padding:20px;border-radius:10px;}


.facilityModal.nameRightUp .primary,
.facilityModal.nameLeftUp .primary{padding-bottom:100px;}
.facilityModal.nameLeftUp .primary{margin-top:50px;padding-left:40px;}
.facilityModal.nameRightUp .secondary .tx{margin-top:120px;}
.facilityModal.nameLeftUp .secondary .tx{margin-top:140px;}


.facilityModal.nameRightUp h2{top:20px;right:80px;}
.facilityModal.nameLeftUp h2{top:20px;left:20px;}
.facilityModal .primary .subImg{max-width:200px;}
.facilityModal.nameRightUp .subImg{bottom:0;right:0;}
.facilityModal.nameLeftUp .subImg{bottom:0;right:0;}

.facilityModal.nameLeftUp .inner{flex-direction : row-reverse;}
.facilityModal .modal_close{top:20px;right:20px;}

/* modal17 only */
#modal17 a.btn{padding:20px;}



/* ------------------------------------------------ 
       Message from the Chairman / principal
---------------------------------------------------  */
#message_content .messageBox{margin-top:80px;}
#messageChairman{padding-left:80px;}
#messagePrincipal{padding-right:80px;}
#message_content .messageBox figure{width:400px;}
#message_content .messageBox .inner{
	width:calc(100% - 400px);
	padding:0 40px;
}

#message_content .messageBox .secondary{padding:40px;}
#message_content .messageBox .secondary h3{
	line-height:1.4;
	margin-top:40px;}
#message_content .messageBox .secondary hr{margin-bottom:40px;}
#message_content .positionName dt{padding-right:1em;}
#message_content .positionName{margin-top:40px;}
#message_content .positionName dt,#message_content .positionName dd{display:inline-block;}

/* ------------------------------------------------ 
       Message from the graduates
---------------------------------------------------  */
#graduate_message_caption {padding-top:40px;}
#graduate_message_caption h2{margin-bottom:20px;}
#graduateSlideWrap{margin-top:40px;}
#graduateSlideWrap li a:hover img{opacity:0.5;}

/* open modal */

.graduate_modal .modal__content{
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width:100%;
    max-width:1024px;

}

.graduate_modal .modal__wrap{
    padding: 20px;
    height:calc(100vh - 160px);
    overflow-y:scroll;
}

.graduate_modal .graduate_modl_head h2{margin-bottom:20px;}

.graduate_modal .graduate_modl_head h3{
	padding-top:40px;
	padding-left:40px;}

.graduate_modal .graduate_modl_head figure{
	max-width:310px;
	top:40px;
	right:40px;
}

.graduate_modal .graduate_modl_head .graduate_data {
	width:80%;
	padding:360px 40px 40px 50%;
	margin-top:120px;
}

.graduate_content{
	padding:0 40px 40px;
	margin-top:40px;}

.graduate_content hr{margin-bottom:40px;}
.graduate_modal .modal_close i{
	cursor:pointer;
	font-size:2em;
}

.graduate_modal .modal_close_head{
	width:40px;
	top:-30px;
	right:-50px;
	cursor:pointer;
	background:rgba(255,255,255,0.2);
}

.graduate_modal .modal_close_head i{color:#fff;}

/* ------------------------------------------------ 
       Become the protagonist of the future
---------------------------------------------------  */


#future_content #futureList{margin-top:80px;}
#future_content #futureList figure{width:300px;}
#future_content #futureList .inner{
	padding:20px 40px;
	width:calc(100% - 300px);}
#future_content #futureList .inner h2{display:inline-block;}
#future_content #futureList li{margin-bottom:80px;}
#future_content #futureList dl{margin-bottom:15px;}
#future_content #futureList dt,#future_content #futureList dd{
	vertical-align:top;
	display:inline-block;}
#future_content #futureList dt{width:300px;}
#future_content #futureList dd{width:calc(100% - 300px);}

/* ------------------------------------------------ 
       Taisei history
---------------------------------------------------  */

#historyFounder .primary{margin-right:40px;}
#historyFounder .primary figure{width:400px;}
#historyFounder .primary .inner{
	width:calc(100% - 400px);
	padding:0 40px;
}

#historyFounder .secondary{margin-top:40px;}
#historyFounder .secondary h2{margin-bottom:40px;}

#historyChronology{padding-top:80px;}
#historyChronology .chronology dl.year > dd{
	margin-left:40px;
	padding:20px 0 20px 20px;
}

#historyChronology .chronology{margin-top:40px;}
#historyChronology .chronology dd.month dt{width:80px;}
#historyChronology .chronology dd.month dd{width:calc(100% - 90px);}
#historyChronology .chronology dd.month.flex dl{width:calc(67% - 60px);}
#historyChronology .chronology dd.month dt,#historyChronology .chronology dd.month dd{
	vertical-align:top;
	display:inline-block;}

#historyChronology ul.imgList{margin-top:20px;}

#historyChronology .month figure.singleImg,
#historyChronology ul.imgList > li{width:calc(33% - 15px);}
#historyChronology ul.imgList > li{margin-right:20px;}
#historyChronology ul.imgList > li:nth-child(3n){margin-right:0;}

#historyChronology .month figure.singleImg img,
#historyChronology ul.imgList > li img{
	width:100%;
	height:150px;
}

/* ------------------------------------------------ 
       life
---------------------------------------------------  */
#lifeAttempt{margin-top:80px;}
#lifeAttempt .primary{width:40%;}
#lifeAttempt .secondary{
	padding-left:40px;
	width:60%;}
#lifeAttempt .secondary aside{
	margin:0 40px;
	padding:20px;}

#lifeMinari figcaption{
	padding:10px;
	bottom:100px;
	right:35%;
}

#lifeHairstyle{margin-top:80px;}
#lifeHairstyle figure{padding-top:80px;}

#lifeOther{padding-top:80px;}
#lifeOther .outer{margin-top:40px;}
#lifeOther .inner{
	width:calc(50% - 40px);
	padding:20px;
}


#lifeOther h3 span{
	width:60px;
	height:60px;
	padding-top:10px;
	border-radius:30px;
}
#lifeOther h3 span i{font-size:1.4em;}
#lifeOther .btm{margin-top:80px;}
#lifeOther h3 em{
	padding-top:5px;
	padding-left:10px;
	width:calc(100% - 70px);}

/* ------------------------------------------------ 
       course common
---------------------------------------------------  */
.curriculumTb{padding-top:40px;}
.curriculumTb .inner > div{width:50%;}
.curriculumTb .tableWrap{margin-top:20px;}

/* ------------------------------------------------ 
       course top
---------------------------------------------------  */
#courseHead hr{margin-bottom:40px;}
#courseHead{padding-bottom:160px;}
#courseHead figure{padding-top:20px;}

#courseLists > div.outer{
	width:50%;
	height:calc(50vh - 100px);
	min-height:320px;
}
#courseLists > div.outer > div.inner > .contentbox > figure,
#courseLists > div.outer > div.inner > .contentbox > div.tx{
	overflow:hidden;
	height:calc(50vh - 100px);
	min-height:320px;
}

#courseLists > div.outer > div.inner > .contentbox > figure{width:0%;}
#courseLists > div.outer > div.inner > .contentbox > div.tx{width:100%;}

@media screen and (min-width:1290px) {
#courseLists > div.outer > div.inner > .contentbox > figure{width:40%;}
#courseLists > div.outer > div.inner > .contentbox > div.tx{width:60%;}
}

@media screen and (min-width:1535px) {
#courseLists > div.outer > div.inner > .contentbox > figure,
#courseLists > div.outer > div.inner > .contentbox > div.tx{
	width:50%;}
}

#courseLists > div.outer > div.inner > .contentbox > figure img{
	width:100%;
	height:calc(50vh - 100px);
	min-height:320px;
	object-fit:cover;
}

#courseLists > div.outer > div.inner > .contentbox > div.tx{padding:20px;}
#courseLists > div.outer > div.inner > .contentbox > div.tx h3{margin-bottom:15px;}
#courseLists > div.outer > div.inner > .contentbox > div.tx .btn{
	bottom:20px;
	right:20px;
}
#courseLists > div.outer > div.inner > .contentbox > div.tx .btn a{padding:5px 20px;}

#courseFoot{margin-top:80px;}
#courseFoot hr{margin-bottom:40px;}
/* ------------------------------------------------ 
       special course
---------------------------------------------------  */
#special-courseHead figure{margin-top:40px;}
#specialHeadTableTitle{padding-bottom:40px;margin-top:40px;}

#specialCurriculum{margin-top:80px;}
#specialCurriculum .inner{padding-top:40px;margin-bottom:80px;}
#specialCurriculum .inner .primary,
#specialCurriculum .inner .secondary{width:50%;}
#specialCurriculum .inner .secondary{padding-left:40px;}


/* common */

.timeTables{margin-top:80px;}
.timeTables hr{margin-bottom:20px;}
.timeTables h3{margin:80px 0 20px;}

#specialHeadTableTitle h4 span,
.timeTables h3 span{padding:0 20px;}

/* ------------------------------------------------ 
       special selection course
---------------------------------------------------  */
#selection-courseHead hr{margin-bottom:80px;}
#selection-courseHead figure{padding:40px 0;}
#selectionCurriculum {margin-top:40px;}

#selectionClmHead{margin-top:80px;}
#selectionCurriculum .primary{width:30%;padding-right:40px;padding-top:30px;}
#selectionCurriculum .secondary{width:70%;}
#selectionCurriculum .nmTable th,#selectionCurriculum .nmTable td{font-size:0.8em;}

/* ------------------------------------------------ 
       nomal education course
---------------------------------------------------  */
#nomal-courseReadPrimay{padding-top:80px;}
#nomal-courseReadSecondary{padding-top:80px;}

#nomal-courseReadPrimay h3,
#nomal-courseReadSecondary h3{width:100%;margin-bottom:20px;}
#nomal-courseReadPrimay figure{width:60%;}
#nomal-courseReadPrimay .inner{width:40%;padding-left:40px;}
#nomal-courseReadSecondary figure{width:70%;}
#nomal-courseReadSecondary .inner{width:30%;padding-right:40px;}

#nomal-courseClmHead{margin-top:80px;}
#nomal-courseCurriculum {padding-top:80px;}
#nomal-courseCurriculum hr{margin-bottom:40px;}

#nomal-courseFeatureSelcect{margin-top:40px;}
#nomal-courseFeatureSelcect .inner{padding:20px;}
#nomal-courseFeatureSelcect .inner h3{margin-bottom:20px;}
#nomal-courseFeatureSelcect .inner figure{padding:30px 0 20px;}
#nomal-courseFeatureSelcect .orm{
	top:200px;
	left:calc(50% - 45px);
	font-size:45px;
	width:85px;
	height:85px;
	text-align:center;
	border-radius:43px;
	line-height:85px;
	z-index:100;}

#nomal-courseRecommend  h3{margin-bottom:40px;}
#nomal-courseRecommend .inner{margin-top:40px;}
#nomal-courseRecommend .inner h4{padding:0 15px;margin-bottom:40px;}
#nomal-courseRecommend .inner li{width:20%;}

/* ------------------------------------------------ 
       it course
---------------------------------------------------  */
#it-courseClmHead,#it-courseCurriculum,#it-courseFeatureHead,#it-courseMeasuresHead {margin-top:80px;}

#it-courseHead hr{margin-bottom:80px;}
#it-courseHead figure{padding:40px 0;}

#it-courseCurriculum hr{margin-bottom:40px;}

#it-courseFeature{padding-top:40px;}
#it-courseFeature h3{width:100%;margin-bottom:40px;}
#it-courseFeature .inner{
	min-height:1124px;
	padding:40px;}
#it-courseFeature figure{margin-top:40px;}
#it-courseFeature figure img{margin-bottom:10px;}
#it-courseFeature figcaption{padding-bottom:15px;}
#it-courseFeature .primary{min-height:220px;}

#it-courseMeasures .primary{
	margin-top:40px;}
#it-courseMeasures .primary > div{
	padding:0 20px;
	width:50%;}

#it-courseMeasures .primary > div > dl{padding:10px;}
#it-courseMeasures .primary .ar{padding-top:20px;}
#it-courseMeasures .secondary{padding:40px 60px 0;}
#it-courseMeasures .secondary h3{padding:10px;margin-bottom:20px;}

#it-courseClmsecondary {margin-top:80px;}
#it-courseClmsecondary h3{padding:10px;}
#it-courseClmsecondary .contentBox{padding:20px;}
#it-courseClmsecondary .contentBox figure{width:200px;}
#it-courseClmsecondary .contentBox .txBox{width:calc(100% - 200px);padding-left:20px;}

/* ------------------------------------------------ 
       uniform
---------------------------------------------------  */
#unifoem-fast{padding-top:75px;}
#unifoem-fast h2{margin:40px 0;}

#unifoemSwicth li div{padding:20px;}
#unifoemSwicth{padding-top:80px;padding-bottom:70px;}

#unifoem-summer {
	background:url("/img/page/guide/seifuku/uniform_summer_bg.jpg") no-repeat center center;
	background-size:cover;
}

#unifoem-winter {
	background:url("/img/page/guide/seifuku/uniform_winter_bg.jpg") no-repeat center center;
	background-size:cover;
}

#uniformGallery{margin-top:70px;}
#uniformGallery figure,
#uniformGallery figure img{
	height:320px;
}


#uniformIndividual{padding-top:70px;}

.uniformtabs{padding:24px 0;}
.uniformtabs .hfcolumns > h2,
.uniformtabs .hfcolumns > p{max-width:300px;}
.uniformtabs .hfcolumns > h2{
	width:100%;
	top:80px;}
.uniformtabs .hfcolumns.primary > h2{left:0;}
.uniformtabs .hfcolumns.secondary > h2{right:0;}
.uniformtabs .hfcolumns > p{top:150px;}

.uniformtabs .hfcolumns .inner{
	width:350px;
	padding-top:260px;
}
.uniformtabs .hfcolumns.primary .inner{padding-right:50px;}
.uniformtabs .hfcolumns.secondary .inner{padding-left:50px;}
.uniformtabs .hfcolumns .inner > div{padding:25px;}
.uniformtabs .hfcolumns .inner > div > h3{margin-bottom:25px;}
.uniformtabs .hfcolumns figure{
	max-width:calc(100%- 350px);
}

.uniformIndOne{
	width:calc(50% - 23px);
	padding:50px 45px 0;
	margin-bottom:45px;}
.uniformIndOne:nth-child(odd){margin-right:45px;}
.uniformIndOne h2{margin-bottom:20px;}
.uniformIndOne p{
	min-height:90px;
	margin-bottom:30px;}

#skirtwinter-Girls ul,#skirtsummer-Girls ul{margin:0 auto 60px;}
#uniformIndividual #material figure li{width:calc(50% - 20px);}
#uniformIndividual #material figure li:nth-child(1){margin-right:40px;}

#uniformIndividual #material figure{padding-bottom:100px;}



/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
feature
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* ------------------------------------------------ 
       education
---------------------------------------------------  */


#educationList .inner{min-height:200px;}
#educationList li{margin-bottom:40px;}

#educationList li:nth-child(odd) .primary{padding-right:35%;}
#educationList li:nth-child(odd) .secondary{
	text-align:right;
	top:0;right:0;}
	
#educationList li:nth-child(even) .inner{padding-bottom:40px;}
#educationList li:nth-child(even) .primary{padding-left:calc(35% + 40px);}
#educationList li:nth-child(even) .secondary{top:0;left:0;}
#educationList .secondary{
	width:35%;
	z-index:100;
}

#educationList li#edu01 .secondary img{max-width:200px;}
#educationList li#edu04 .secondary img{max-width:300px;}
#educationList li#edu08 .secondary{top:50px;}

#educationList .primary h3{
	padding:5px 20px;
	margin-bottom:20px;
	border-radius:10px;
}
#educationList .primary h3 span{padding-bottom:.2em;}
#educationList .primary h4{margin-bottom:40px;}
#educationList .secondary.imgJpg img{height:280px;}

/* ------------------------------------------------ 
       english
---------------------------------------------------  */
#englishHead hr{margin-bottom:40px;}
#englishHead{padding-bottom:40px;}
#english4c .primary{padding-bottom:40px;}
#english4c .primary img{
	max-width:500px;
}

#english4c hr{margin-bottom:40px;}
#english4c li h4{padding:20px 20px 10px;}
#english4c li h3{padding:10px 20px;}
#english4c li .tx{padding:20px;}
#english4c li h3 sup{font-size:1.5em;}

.englishLow hr{margin-bottom:40px;}

.englishLow  .one .inner h3{margin-bottom:20px;}

.englishLow  .one .inner{padding:40px 20px 20px;}

/* cm */
.englishLow  .one .inner h3{
	border-width:0 0 1px 0;
	border-style:solid;
	padding-bottom:10px;
}
.englishLow  .one .inner h3 small{font-size:0.6em;}

/* ------------------------------------------------ 
       7j
---------------------------------------------------  */
#sevenjHead h3{margin-bottom:40px;}
#sevenjList {margin-top:80px;}
#sevenjList hr,#sevenjFeature hr{margin-bottom:40px;}
#sevenjList h2 img{max-width:300px;}
#sevenjList h2{margin-bottom:20px;}
#sevenjList .siteListShadow h3{
	padding:10px 0 10px 10px;
}


#sevenjList .siteListShadow div.tx{padding:10px 20px;}

#sevenjFeature{margin-bottom:80px;}
#sevenjFeature #sevenjFeature01 figure,#sevenjFeature #sevenjFeature01 .inner{width:50%;}
#sevenjFeature01{margin-bottom:80px;}

#sevenjFeature #sevenjFeature02 figure{width:30%;}
#sevenjFeature #sevenjFeature02 .inner{width:70%;}

#sevenjFeature01 .inner{padding-left:40px;}
#sevenjFeature02 .inner{padding-right:40px;}

#sevenjVoice hr{margin-bottom:40px;}
#sevenjVoice .oneBox .primary{width:300px;padding:20px;}
#sevenjVoice .oneBox .primary h4{margin-bottom:10px;}
#sevenjVoice .oneBox .secondary{width:calc(100% - 300px);}

#sevenjVoice .oneBox .secondary{padding-left:80px;}
#sevenjVoice .oneBox .flexRrP .secondary{padding-right:80px;}

#sevenjVoice .oneBox .primary .triangle.triangleR{
	right:-60px;
	top:calc(50% - 40px);
	border-width: 40px 0 40px 60px;
}

#sevenjVoice .oneBox .primary .triangle.triangleL{
	left:-60px;
	top:calc(50% - 40px);
	border-width: 40px 60px 40px 0;
}


/* ------------------------------------------------ 
       recycle
---------------------------------------------------  */

#recycleRequest {margin-top:40px;}
#recycleRequest .twoList{margin-top:40px;}
#recycleRequest .twoList .inner h3{padding:20px;}
#recycleRequest .twoList .inner h3 dt{width:50px;font-size:1.2em;}
#recycleRequest .twoList .inner h3 dd{
	width:calc(100% - 60px);}
	
#recycle3rList{margin-top:40px;}
#recycle3rList .one ul{margin-top:20px;}

#recyclePlan{margin-top:80px;}
#recyclePlan hr{margin-bottom:40px;}
#recyclePlan .recyclePlanOne{margin-top:40px;}
#recyclePlan .recyclePlanOne figure{width:40%;}
#recyclePlan .recyclePlanOne .inner{width:60%;}
#recyclePlan01{margin-bottom:80px;}



#recyclePlan01 .inner{padding-left:40px;}
#recyclePlan02 .inner{padding-right:40px;}

/* ------------------------------------------------ 
       careerday
---------------------------------------------------  */
.careerdaycontent{margin-top:80px;}
.careerdaycontent .cnbdTitle h3{padding:0 20px;margin-bottom:20px;}
.careerdayOneVoiceList .inner{padding:20px;}
.careerdayOneVoiceList .one dl.lecturer{margin-bottom:20px;}
.careerdayOneVoiceList .one .tx h5{margin-bottom:40px;}
.careerdayOneVoiceList .one .tx h5 span{padding:5px 10px;}
.careerdayOneVoiceList .one .tx h5 .triangle{
	left:calc(50% - 20px);
	bottom:-20px;
	border-width: 20px 20px 0 20px;
}

#careerdayTwoTeacher .one .inner{padding:60px 20px 20px;}
#careerdayTwoTeacher .one .oneTitle{
	top:-15px;
	left:-15px;
}

#careerdayTwoTeacher .one .oneTitle h5 span{
	display:inline-block;
	padding:5px 10px;}

#careerdayTwoTeacher{padding-top:80px;}
#careerdayTwoTeacher .one .oneTitle h5 span:nth-child(2){margin-top:5px;margin-left:10px;}
#careerdayTwoTeacher .one figure{margin-bottom:20px;}
#careerdayTwoTeacher .one dl{
	min-height:80px;
	margin-bottom:20px;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
career
-------------------------------------------------------------
////////////////////////////////////////////////////////// */


/* ------------------------------------------------ 
       career-counselor
---------------------------------------------------  */
#counselorSupport .one .inner {padding-bottom:30px;}
#counselorSupport .one .inner h3{padding:10px;}
#counselorSupport .one .inner .tx{padding:20px;}

#counselorStudyHead {margin-bottom:40px;}
#counselorStudy .inner{padding:10px 20px 20px;}
#counselorStudy .inner h3{margin-bottom:20px;}

#counselorSupport figure{padding:20px 20px 0;}
#counselorSupport figure img{max-width:100%;}

#counselorSchedule hr{margin-bottom:40px;}

/* ------------------------------------------------ 
       result
---------------------------------------------------  */

#resultRecommended,#resultMarch,#resultDataHead,#resultUniversityData {margin-top:80px;}
#resultRecommended .cnbdTitle,#resultMarch .inner{margin-top:40px;}
#resultRecommended .inner h4{padding:3px 20px;}
#resultRecommended .inner ul{margin-top:40px;}
#resultRecommended .inner ul li{width:20%;}
#resultMarch hr{margin-bottom:40px;}
#resultMarch .inner dl{
	padding:20px;
	width:calc(50% - 20px);}
#resultMarch .inner dl:nth-child(2n){margin-left:40px;}
#resultMarch .inner dl dt,#resultMarch .inner dl dd{display:inline-block;}
#resultMarch .inner dl dt{padding-right:1em;}
#resultDataHead h3{padding:0 20px;}

#resultData{padding-top:40px;}
#resultData hr{margin-bottom:20px;}
#resultData .primary{width:33%;padding-right:20px;}
#resultData .secondary{width:67%;padding-left:20px;}
#resultData .secondary .inner:nth-child(1){margin-right:40px;}
#resultData .secondary .inner{width:calc(50% - 20px);}
#resultData table{width:100%;}

#resultUniversityData table{width:100%;}
#resultUniversityData table tbody th{width:70%;}
#resultUniversityData table tbody td{width:10%;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
exam
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* ------------------------------------------------ 
       fee
---------------------------------------------------  */
#feeOther{margin-top:40px;}
.feeContentOne .feeTable{padding:40px 0 80px;}

/* ------------------------------------------------ 
       Requirements
---------------------------------------------------  */
#exam-infHead hr{margin-bottom:40px;}
.exam-inf-one {margin-top:100px;}
.exam-inf-one .dlTable > dl > dt,.exam-inf-one .dlTable > dl > dd{padding:20px;}
.exam-inf-one .course dd{width:100px;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
access
-------------------------------------------------------------
////////////////////////////////////////////////////////// */
#accessHead hr{margin-bottom:40px;}
#accessMap {margin-top:40px;}

/* ------------------------------------------------ 
       train
---------------------------------------------------  */
#trainContent {margin:40px 0 20px;}
#trainContent .oneStation {width:calc(20% - 10px);}

@media screen and (min-width:1385px) {
	#trainContent .oneStation{width:calc(10% - 10px);}
}
#trainContent .oneStation figure{padding:10px 0;}
#trainContent .oneStation img.lineImg{width:50%;}


.trainAccess > div > .trainAccessImg{padding:40px;}
.trainAccess > div > .trainAccessImg img{max-width:800px;}
.trainAccess > div > h4{margin-top:40px;}

.trainAccessBusTime.jsfCn > div{justify-content: center;}

.trainAccessBusTime{padding-top:20px;}
.trainAccessBusTime figure{
	margin:0 10px 10px;
	width:20%;
	width:calc(25% - 20px);
}

#trainNav.accessNavbig{margin-top:80px;}

.trainAccess > div{
	width:100%;
	padding:0 40px;
}

.trainAccess .js-modal-close{top:20px;right:20px;}
#busPeripheralMap figure{margin-top:40px;}

/* ------------------------------------------------ 
       bicycle
---------------------------------------------------  */
#bicycleLineSelect{margin-top:40px;}
#bicycleLineSelect ul{margin-top:20px;}
#bicycleLineSelect li{width:calc(16.6% - 5px);}
#bicycleLineSelect li a.tab{padding:10px;}

#bicycleLineSelect li:nth-child(6n){margin-right:0;}
#bicycleLineSelect li a.tab .lineImg{width:60px;}
#bicycleLineSelect li a.tab h3{min-height:40px;}

.bicycleShowLine{padding-top:20px;}
.bicycleShowLine .station{
	width:16.6%;
	margin-bottom:20px;
}
.bicycleShowLine .station a,
.bicycleShowLine .station a > span{
	width:116px;
	height:108px;
}
.bicycleShowLine .station a{
	border:4px solid #fff;
	border-radius:58px;}

#bicycleNav{margin-top:80px;}

.bicycleAccess > div{padding:10px 20px 40px;}
.bicycleAccess > div h3{margin-top:30px;}
.bicycleAccess > div hr{margin-bottom:20px;}
.bicycleAccess > div dt{width:100px;}
.bicycleAccess > div dd{text-align:left;}
.bicycleAccess > div figure{padding-top:20px;}

.bicycleAccess .js-modal-close.closeFast {display:none;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
other
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* ------------------------------------------------ 
       gakugeikan
---------------------------------------------------  */
#gakugeikan_contenthead figure{padding:40px 0;}


/* ------------------------------------------------ 
       event common (open school etc
---------------------------------------------------  */
.signboardEvent .secondary{padding:40px;}
.signboardEvent .secondary h1{margin-bottom:40px;}
.signboardEvent .secondary h3{margin-top:20px;}

/* ------------------------------------------------ 
       open school 
---------------------------------------------------  */
#openschoolHead {padding-top:40px;}

#openschoolEvent {margin-top:40px;}
#openschoolEvent h3{padding:10px;}
#openschoolEvent .contentBox{padding:20px;}
#openschoolEvent .contentBox figure{width:200px;}
#openschoolEvent .contentBox .txBox{width:calc(100% - 200px);padding-left:20px;}

#openschoolDay{padding-top:80px;}
#openschoolDay .clubIntroduce li{width:calc(33.3% - 10px);}
#openschoolNote{padding-top:80px;}
#openschoolNote article{margin-bottom:40px;}
#openschoolNote article .inner{
	padding:40px 40px 0;
}

#openschoolMethod .nmBtn{margin-top:40px;}
#openschoolHead .nmBtn{padding-bottom:40px;}

/* ------------------------------------------------ 
       briefing
---------------------------------------------------  */
#briefingHead {padding-top:40px;}
#briefingDay {padding-top:40px;}
#briefingDay article{padding-bottom:80px;}
.briefingDayContent,
.briefingDayContentFoot{margin-top:40px;}

#briefingDay article .nmBtn{padding:80px 0 40px;}

#briefinglNote {padding-top:40px;}

/* ------------------------------------------------ 
       q and a
---------------------------------------------------  */
#qaList {padding-top:40px;}

#qaList .qaOne .question sup,
#qaList .qaOne .answer sup{
	width:40px;
	padding:10px;}

#qaList .qaOne .question span{
	width:calc(100% - 40px);
	padding:10px 50px 10px 10px;
}

#qaList .qaOne .answer .answerText{
	width:calc(100% - 40px);
	padding:20px;
}


#qaList .qaOne .open{
	width:40px;
	padding:10px 5px;
}

/* ------------------------------------------------ 
       alumni
---------------------------------------------------  */
#alumni_content_newsHead{padding:20px 0;}
#alumni_content_newsHead dt{
	padding:10px;
	width:245px;}
#alumni_content_newsHead dd{
	padding:10px;
	text-align:left;
	max-width:calc(100% - 255px);}

#alumni_headcontent {padding-top:40px;}
#alumni_headcontent .inner{
	padding-right:40px;
	width:70%;}

#alumni_headcontent figure{width:30%;}
#alumni_headcontent figure figcaption{padding-top:20px;}
#alumni_headcontent figure img{
	max-width:200px;
	border-radius:50%;
}

#alumniContentWrap {padding-top:40px;}
.alumniArticle{margin-bottom:80px;}
.alumniArticle hr{margin-bottom:40px;}
.alumniArticle dl > dt{width:150px;}
.alumniArticle dl > dd{width:calc(100% - 160px);}
#alumniContact h4{margin-top:40px;}

#chairmanOfficer #chairman,#chairmanOfficer #officer{width:calc(50% - 20px);}
#chairmanOfficer #chairman {padding-right:40px;}
#chairmanOfficer table{width:100%;}

#alumniNews .archiveLists li{padding:40px;}

/* ------------------------------------------------ 
       pamphlet
---------------------------------------------------  */

#pamphletList{padding-top:80px;}
#pamphletList .oneBox{
	width:50%;
	padding:0 20px 80px;
}

#pamphletList .oneBox .primary h2{margin-bottom:40px;}
#pamphletList .oneBox .secondary img{max-width:320px;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
school life
-------------------------------------------------------------
////////////////////////////////////////////////////////// */
#schoollifeContentHead{padding:70px 0 120px;}
#schoollifeContentHead h2{margin-bottom:40px;}
.lifeHeadWrap,.lifeHeadWrap figure.ilust{width:615px;}

#lifeClubHead {
	background:url("/img/page/schoollife/life_club_bg.jpg") no-repeat center center;
	background-size:cover;
}
#lifeEventHead {
	background:url("/img/page/schoollife/life_event_bg.jpg") no-repeat center center;
	background-size:cover;
}
#lifeDayHead {
	background:url("/img/page/schoollife/life_day_bg.jpg") no-repeat center center;
	background-size:cover;
}
#lifeDiningHead {
	background:url("/img/page/schoollife/life_dining_bg.jpg") no-repeat center center;
	background-size:cover;
}
.lifeHeadWrap{
	margin:0 auto;
	background:rgba(255,255,255,0.9);
	padding:145px 70px 60px;}


.scLifeHead h3{margin-bottom:15px;}
.scLifeHead h4{margin-bottom:60px;}
.scLifeHead h5{margin-bottom:40px;}
.scLifeHead figure{left:0;top:-60px;}

.schoollifeSection{margin-top:140px;}
.schoollifeSection .lrBox > div{width:50%;}
.schoollifeSection .lrBox > div,.schoollifeSection .lrBox .secondary > figure{height:430px;} 

.schoollifeSection .lrBox .halfBox{
	display:inline-block;
	max-width:640px;}

.schoollifeSection .lrBox .primary{padding:65px 50px;}
.schoollifeSection .lrBox .halfBox h3{margin-bottom:40px;}
.schoollifeSection .lrBox .halfBox h4{margin-bottom:20px;}

.schoollifeSection .lrBox .secondary > figure img{height:100%;}

.schoollifeSection .nmBtn{padding-top:50px;}
.schoollifeSection .nmBtnBig a{
	display:inline-block;
	width:500px;}
	
#lifeClubTennis .engImg{top:-30px;right:-120px;}
#lifeClubBrass  .engImg{top:-40px;left:-250px;}
#lifeClubSoccer  .engImg{top:-30px;right:-30px;}
#lifeDiningHole .engImg{top:-30px;right:-180px;}
#lifeDiningMenu .engImg{top:-40px;left:-250px;}

/* event */

#lifeEventList{padding-top:70px;}
#lifeEventWrap .oneEvent .primary{width:165px;}
#lifeEventWrap .oneEvent .secondary{
	padding-left:40px;
	padding-bottom:65px;
	width:calc(100% - 165px);}

#lifeEventWrap .oneEvent .primary .inner{height:165px;}
.oneEvent .secondary h5{margin:25px 0 20px;}
.oneEvent .primary .inner dl{
	width:165px;
	height:165px;
	padding-top:35px;
	margin-bottom:30px;
}

.oneEvent .primary dl dt span{padding-bottom:5px;}

#lifeDayWrap{padding-bottom:130px;}
#lifeDayList{
	min-height:1800px;
	padding-top:50px;}
#lifeDayList .oneEvent{
	width:calc(50% - 25px);
}

#lifeDayList .oneEvent .primary{width:100%;height:130px;}
#lifeDayList .oneEvent .primary .inner{
	width:100%;
	text-align:center;
	top:0;
	left:0;}

#lifeDayList .oneEvent .primary .inner dl{margin:0 auto;}

#lifeDay2,#lifeDay4 {right:0;}
#lifeDayList .oneEvent{opacity:0;}
#lifeDayList .oneEvent.active{opacity:1;margin-top:0;}
#lifeDay1,#lifeDay3{margin-top:300px;}
#lifeDay1.active,#lifeDay3.active{margin-top:0;}
#lifeDay2{top:580px;}
#lifeDay2.active{top:180px;}
#lifeDay4{bottom:-300px;}
#lifeDay4.active{bottom:0;}

#lifeCookingMenu{margin-top:160px;}
#lifeCookingMenu > div{
	width:calc(50% - 30px);
	margin-right:60px;
}

#lifeCookingMenu > div.secondary{margin-right:0;}
#lifeCookingMenu > div figure{
	top:-55px;
	left:0;
}

#lifeCookingMenu > div .inner{padding:190px 40px 40px;}
#lifeCookingMenu > div .inner h3{margin-bottom:25px;}
/* ------------------------------------------------ 
       event
---------------------------------------------------  */
#eventContentHead {padding-bottom:40px;}

.eventMonth .month{width:20%;}

.eventMonth .content{
	min-height:200px;
	width:calc(80% - 400px);
	padding:20px;
}

.eventMonth .content.contentSecondNone{
	min-height:auto;
	width:80%;
}

.eventMonth .content li{
	font-weight:600;
	margin-right:20px;}
.eventMonth .content ul{margin-bottom:20px;}

.eventMonth .pickup,
.eventMonth .pickup a,
.eventMonth .pickup a figcaption{width:400px;}

.eventMonth .pickup,
.eventMonth .pickup a,
.eventMonth .pickup a > div{
	overflow:hidden;
	height:200px;
}


.eventMonth .secondary{padding:40px;}
.eventMonth .secondary .txOnly,
.eventMonth .secondary figure{
	margin-bottom:20px;
	margin-right:40px;
	width:calc(50% - 20px);}
.eventMonth .secondary figure:nth-child(even){margin-right:0;}

/* ------------------------------------------------ 
       down load
---------------------------------------------------  */
#downloadContentHead,#downloadList,#downloadList ul{padding-top:40px;}
#downloadList li {width:calc(50% - 20px);margin-right:40px;margin-bottom:40px;}
#downloadList li a{
	min-height:50px;
	padding:20px;
}

#downloadList li:nth-child(even){margin-right:0;}
#downloadList li .tx{padding:20px;}

/* ------------------------------------------------ 
       Taisei Movie
---------------------------------------------------  */
.taiseiMovieOne {padding-top:40px;}
.taiseiMovieOne .primary{width:50%;}
.taiseiMovieOne .primary h4{
	padding-right:20px;
	margin-bottom:20px;
}
.taiseiMovieOne .secondary{
	padding-left:40px;
	width:calc(50% - 40px);}

.taiseiMovieOne .secondary figure,
.taiseiMovieOne .secondary figure a,
.taiseiMovieOne .secondary figure a span{
	width:100%;
	height:270px;
}

/* ------------------------------------------------ 
      request
---------------------------------------------------  */
#requestContentHead hr{margin-bottom:40px;}
#requestContentHead{padding-bottom:40px;}