@charset "utf-8";

/*===================================================================
 CSS Import
===================================================================*/
@import url(./ress.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');


/*===================================================================
 Common
===================================================================*/
*{ color:#333333; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-weight:500; }
html{ width:100%; }
body{ width:100%; background-color:#ffffff; }
a{ color:#000000; text-decoration:none; }
div{ position:relative; }
img{ display:block; width:100%; height:auto; }
p{ line-height:200%; color: #000000; }

/*===================================================================
 Font, Color
===================================================================*/
.fBold{ font-weight:bold; font-weight:700; }
.f080{ font-size:0.8rem; }
.f130{ font-size:1.3rem; }
.cWhite{ color:#ffffff; }
.cRed{ color:#5a0000; }
.cBlue{ color:#00325a; }
.cGreen{ color:#284600; }
.cBrown{ color:#463200; }
.cBlue02{ color:#6cabd9; }
.cBlue03{ color:#00a0aa; }
.cRed02{ color:#ca0000; }

.newsCatColor1{ color:#ff9e34; }
.newsCatColor2{ color:#3cbd85; }
.newsCatColor3{ color:#1b097d; }
.newsCatColor4{ color:#e66dcd; }
.newsCatColor5{ color:#a90050; }
.newsCatColor6{ color:#50dbfc; }

.tIndent01{ text-indent:-1rem; margin-left:1rem; }
.pL01{ padding-left:1rem; }

.fSuo{ font-size:70%; vertical-align:text-bottom; }


/*===================================================================
 SP
===================================================================*/
@media( max-width:799px )
{
	.sp{ display:block; }
	.pc{ display:none !important; }
	/* COMMON */
	html{ font-size:100%; }
	body{ font-size:0.9rem; }
	.mainContentsArea{}
	.pageContentsArea{ width:90vw; margin:auto; padding-top:1rem; }
	.pageMainTitleArea{ width:100%; height:10rem; display:flex; flex-wrap:nowrap; align-items:center; background-position:center; background-size:cover; }
	.pageMainTitleArea > div{ width:90vw; margin:auto; }
	.pageMainTitleArea > div > p{ line-height:180%; color:#00325a; text-shadow:0 0 0.4rem #ffffff; }
	.pageMainTitleArea > div > p:nth-of-type(1){ font-size:1.4rem; font-weight:bold; font-family: "Roboto";  }
	.pageMainTitleArea > div > p:nth-of-type(2){ font-size:1rem; font-weight:bold; }
	.pageMainTitleAreaSpace{ margin-top:4rem; }
	.breadNavi{ height:1rem; text-align:right; font-size:0.7rem; }
	.breadNavi > a,.breadNavi > p{ display:inline-block; text-decoration:none; color:#333333; }
	.breadNavi > span{ display:inline-block; padding:0 0.4rem; }
	.pageCommonTitle{ margin-top:4rem; margin-bottom:1rem; border-left:4px #00325a solid; padding:0.5rem 0; }
	.pageCommonTitle > p{ line-height:2.5rem; font-size:2rem; padding-left:1rem; }
	.pageCommonTitle > p > span{ font-size:1rem;  line-height:150%; display:block; font-weight:bold; } 
	.pageTitle{ padding-top:2rem; font-size:1.4rem; border-bottom:1px #cccccc solid; }
	.newPDF:after{ content:url('../img/iconPDF.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top: 35%; transform: translate(0,-50%); }
	.faqLinkBox{ padding:0 0.5rem;  background-color:#FFFF66; }


	/*ABOUT*/
	.aboutTitle{ font-size:1.5rem; padding-top:1rem; line-height:150%; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
	.aboutNavi{ padding-top:1rem; }
	.aboutNavi > a{ display:inline-block; width:100%; padding:1rem 0; padding-left:2rem; margin-bottom:0.5rem; background-color:#f0f0f6; position:relative; }
	.aboutNavi > a:before{ content:url('../img/iconArrow02.svg'); display:inline-block; width:1.5rem; height:1.5rem; padding-right:0.5rem; position:absolute; top: 1.1rem; left:0.5rem; transform: translate(0,0); }
	.aboutBox01{ padding-top:1rem; }
	.aboutBox02{ margin-top:2rem; margin-bottom:5rem; }
	.aboutBox02 > img{ width:80%; margin-bottom:1rem;  }
	.soshikiTitle{ padding-top:1rem; font-weight:bold; color:#00325a; }
	.soshikiBox01{ margin-top:2rem; position:relative; }
    .soshikiBox01 > a{ display:block; width:20rem; padding-left:1.5rem; font-weight:bold; }
    .soshikiBox01 > a.newWin:before{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 73%; left:0; }
	.dataBox01{ margin-top:1rem; border-bottom:1px #ccc solid;  }
	.dataBox01 > p{ padding-top:3rem; font-size:1.2rem; color:#00325a; font-weight:bold; line-height:140%; margin-bottom:0.5rem; }
	.dataBox01 > p > span{ display:block; font-size:0.8rem; }
	.dataBox02{ margin-bottom:1rem; }
	.dataBox02 > div:nth-of-type(1){ width: 100%; padding:1rem; color:#fff; font-weight:bold; background-color:#00325a; }
	.dataBox02 > div:nth-of-type(2){ width: 100%; }
	.dataBox02 > div:nth-of-type(2) > div { display:flex; flex-wrap:nowrap; }
	.dataBox02 > div:nth-of-type(1) > br { display: none; }
	.dataBox02 > div:nth-of-type(2) > div > p{ width: 30%; padding:0.5rem; border-bottom:1px #ccc solid; }
	.dataBox02 > div:nth-of-type(2) > div > div{ width: 70%; padding:0.5rem; border-bottom:1px #ccc solid; }
	.dataBox02 > div:nth-of-type(2) > div > div > .ListSP{ display:flex; flex-wrap:nowrap; }
	.dataBox02 > div:nth-of-type(2) > div > div > .ListSP > span:nth-of-type(1){ width: 70%; }
	.dataBox02 > div:nth-of-type(2) > div > div > .ListSP > span:nth-of-type(1) > span{ display:block; font-size:0.8rem; line-height:0.8rem; }
	.dataBox02 > div:nth-of-type(2) > div > div > .ListSP > span:nth-of-type(2){ width: 30%; text-align:center; }
	.dataBox02 > div:nth-of-type(2) > div > div > .ListSP > span:nth-of-type(2) > span{ display:block; font-size:0.8rem; line-height:0.8rem; }
	.dataBox02 > div:nth-of-type(2) > .AllBox{ background-color:#e5eaee; }
	.dataBox03{ padding:1rem; color:#fff; font-weight:bold; background-color:#00325a; }
	.dataBox04{ margin-bottom:2rem; border-bottom:1px #ccc solid; }
	.dataBox04 > div{ display:flex; flex-wrap:nowrap; width: 100%; }
	.dataBox04 > div > p{ padding:0.5rem; border-top:1px #ccc solid; line-height:150%; }
	.dataBox04 > div > p:nth-of-type(1){ width: 60%; }
	.dataBox04 > div > p:nth-of-type(2){ width: 40%; }
	.dataBox04 > div > p > span{ display:block; font-size:0.8rem; }
	.dataBox04 > .AllBox{ background-color:#e5eaee; }
	.dataBox05{ margin-bottom:2rem;  }
	.dataBox05 > div{ border-bottom:1px #ccc solid; }
	.dataBox05 > div > p{ width:100%; padding:0.5rem; padding-bottom:0; font-weight:bold; }
	.dataBox05 > div > div{ width:100%; padding:0.5rem; padding-top:0; }
	.dataBox05 > div > div > p{ display:flex; }
	.dataBox05 > div > div > p > span:nth-of-type(1){ flex:1; }
	.dataBox05 > div > div > p > span:nth-of-type(2){ width:21%; text-align:center; }

	.dataBox06{ margin-bottom:2rem;  }
	.dataBox06 > div{ border-bottom:1px #ccc solid; }
	.dataBox06 > div > p{ width:100%; padding:0.5rem; padding-bottom:0; font-weight:bold; line-height:160%; }
	.dataBox06 > div > div{ width:100%; padding:0.5rem; padding-top:0; }
	.dataBox06 > div > div > p{ display:flex; line-height:150%; padding-top:0.6rem; }
	.dataBox06 > div > div > p > span:nth-of-type(1){ flex:1; }
	.dataBox06 > div > div > p > span:nth-of-type(2){ width:21%; text-align:center; }



	/*SCHOOL*/
	.schoolTitle{ font-size:1.5rem; padding-top:2rem; line-height:180%; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
	.schoolTitle2{ font-size:1.5rem; line-height:150%; margin-top:5rem; font-weight:bold; text-align:center; }
	.schoolNavi{ padding-top:1rem; }
	.schoolNavi > a{ display:inline-block; height:4rem; line-height:4rem; width:100%; padding-left:3rem; margin-bottom:0.2rem; color:#ffffff; background-color:#00325a; position:relative; }
	.schoolNavi > a:before{ content:url('../img/iconArrow05.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top: 0.3rem; left:1rem; transform: translate(0,0); }
	.schoolBox01{ padding-top:1rem; }
	.schoolBox02{ margin-top:1rem; }
	.schoolBox02 > img{ width:100%; }
	.schoolBox03{ margin-top:1rem; padding:1rem; background-color:#f0f0f6; }
	.schoolBox03> div:nth-of-type(1){ width:100%; }
	.schoolBox03> div:nth-of-type(1) > p:nth-of-type(1){ font-size:1.3rem; padding-bottom:1rem; font-weight:bold; }
	.schoolBox03> div:nth-of-type(1) > p:nth-of-type(3){ margin-top:1rem; padding:1rem; background-color:#ffffff; }
	.schoolBox03> div:nth-of-type(2){ width:80%; margin:0 auto; margin-top:1rem; }
	.gfeaturesBox01{ margin-top:2rem; margin-bottom:2rem; vertical-align:top; }
	.gfeaturesBox01> div{ }
	.gfeaturesBox01> img{ margin-top:1rem; }
	.gfeaturesBox01> div > .Title{ font-size:1.5rem; font-weight:bold; border-bottom:1px #ccc solid; margin-bottom:1rem; }
	
	
	.interNavi{ padding-top:3rem; }
	.interNavi > a{ display:inline-block; height:3rem; line-height:3rem; width:100%; padding-left:1rem; margin-bottom:0.5rem; background-color:#f0f0f6; }
	.interNavi > .ON{ border:1px #00325a solid; }
	.interBox01{ margin-top:2rem; }
	.interBox02{ margin-top:3rem; }
	.interBox02 > div:nth-of-type(1){ }
	.interBox02 > div:nth-of-type(1) > .Title{ margin-bottom:1rem; padding:1rem; font-weight:bold; color:#ffffff; background-color:#00325a; }
	.interBox02 > div:nth-of-type(2){ width:80%; margin:0 auto; margin-top:2rem; }
	.interBox03{ margin-top:3rem; }
	.interBox03 > p{ padding:1rem; font-weight:bold; color:#ffffff; background-color:#00325a; }
	.interBox03 > div{ margin-top:1rem;  }
	.interBox04{ background-color:#f0f0f6; margin:2rem 0; padding:1rem; }
	.interBox05{ margin-top:1rem; }
	.interBox05 > p{ font-weight:bold; padding-top:1rem; }
	.interBox05 > div > .repoBox { padding:2rem 0; border-bottom:1px #ccc solid; }
	.interBox05 > div > .repoBox > div:nth-of-type(1){ margin-right:1rem; }
	.interBox05 > div > .repoBox > div:nth-of-type(2){ }
	.interBox05 > div > .repoBox > div > .repoName{ display:flex; flex-wrap:nowrap; }
	.interBox05 > div > .repoBox > div > .repoName > img{ width:20%; height:2rem; margin-right:1rem;  }
	.interBox05 > div > .repoBox > div > .repoName > p{ width:80%; }
	.interBox05 > div > .repoBox > div >  p { margin-top:1rem;  }
	.interLink > a{ display:inline-block; height:3rem; line-height:3rem; width:100%; margin:0 auto; padding-left:3rem; margin-top:1rem; background-color:#f0f0f6; position:relative; }
	.interLink > a:before{ content:url('../img/iconArrow04.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top: 0.3rem; left:1rem; transform: translate(0,0); }
	.interLink > a.newWin:after{ content:url('../img/iconNewWinB.svg'); display:inline-block; width:1.2rem; height:1.2rem; padding-left:0.3rem; }
	.interLink2 > a{ display:inline-block; height:3rem; line-height:3rem; width:100%; margin:0 auto; padding-left:3.5rem; margin-top:1rem; color:#ffffff; background-color:#00325a; position:relative; }
	.interLink2 > a:before{ content:url('../img/iconNOTE.svg'); display:inline-block; width:2rem; height:2rem; position:absolute; top: 0.5rem; left:1rem; transform: translate(0,0); }
  	.soudanBox01{ margin-top:1rem; }
	.soudanBox02{ margin-top:2rem; margin-bottom:1rem; padding:0.5rem 1rem; font-weight:bold; color:#ffffff; background-color:#00325a; }
	.soudanBox03{ margin-top:2rem; margin-top:3rem; padding:2rem 0; background-color:#f0f0f6; }
	.soudanBox03 > div{ width:90%; margin:0 auto; }
	.soudanBox03 > div > p:nth-of-type(1) { font-size:1.3rem; font-weight:bold; }
	.soudanLink > a{ display:inline-block; margin:0 auto; padding:1rem 0; padding-left:3rem; padding-right:1rem; margin-top:0.5rem; background-color:#f0f0f6; position:relative; }
	.soudanLink > a:before{ content:url('../img/iconArrow04.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top: 1rem; left:1rem; transform: translate(0,0); }
	.soudanLink > a.newWin:after{ content:url('../img/iconNewWinB.svg'); display:inline-block; width:1.2rem; height:1.2rem; padding-left:0.3rem; }
	.soudanLink2 > a{ display:inline-block; margin:0 auto; padding:1rem 0; padding-left:3rem; padding-right:1rem; margin-top:0.5rem; background-color:#ffffff; position:relative; }
	.soudanLink2 > a:before{ content:url('../img/iconArrow04.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top: 1rem; left:1rem; transform: translate(0,0); }
	.soudanLink2 > a.newWin:after{ content:url('../img/iconNewWinB.svg'); display:inline-block; width:1.2rem; height:1.2rem; padding-left:0.3rem; }
	.courseBox01{ margin-top:2rem; }
	.courseBox01 > div:nth-of-type(1){ }
	.courseBox01 > div:nth-of-type(2){ padding-top:2rem; }
	.courseBox02{ padding-left:1rem; }
	.courseBox03{ margin-top:3rem; }
	.courseBox04{ padding:1rem 0; border-bottom:1px #ccc solid; }
	.courseBox04 > p{ font-weight:bold; }
	.courseBox04 > div:nth-of-type(1){ display:flex; flex-wrap:nowrap; }
	.courseBox04 > div:nth-of-type(1) > p:nth-of-type(1){ width:50%; }
	.courseBox04 > div:nth-of-type(1) > p:nth-of-type(2){ width:50%; }
	.courseBox04 > div:nth-of-type(2){ display:flex; flex-wrap:nowrap; }
	.courseBox04 > div:nth-of-type(2) > p:nth-of-type(1){ width:50%; }
	.courseBox04 > div:nth-of-type(2) > p:nth-of-type(2){ width:50%; }
	.supportBox02{ margin-top:3rem; padding:1rem; background-color:#f0f0f6; }
	.supportBox03{ margin-top:3rem; }
	.supportLink{ display:inline-block; margin:0 auto; width:100%; padding:1rem 0; padding-left:3rem; margin-top:2rem; margin-bottom:2rem; background-color:#f0f0f6; position:relative; }
	.supportLink > a:before{ content:url('../img/iconDL.svg'); display:inline-block; width:1rem; height:1rem; position:absolute; top: 1rem; left:1rem; transform: translate(0,0); }
	.supportLink02{ display:flex; flex-wrap:wrap; margin-top:2rem; }
	.supportLink02 > a{ display:inline-block; margin:0 auto; width:100%; padding:0.5rem 1rem; padding-left:2.5rem; margin-bottom:0.5rem; background-color:#f0f0f6; position:relative; }
	.supportLink02 > a:before{ content:url('../img/iconArrow02.svg'); display:inline-block; width:1rem; height:1rem; position:absolute; top: 1rem; left:1rem; transform: translate(0,0); }
	.supportLink03 > a{ display:inline-block; margin:0 auto; width:100%; padding:1rem; padding-left:2.5rem; margin-bottom:0.5rem; background-color:#f0f0f6; position:relative; }
	.supportLink03 > a:before{ content:url('../img/iconArrow04.svg'); display:inline-block; width:1rem; height:1rem; position:absolute; top: 1rem; left:1rem; transform: translate(0,0); }
	.supportLink03 > a:after{ content:url('../img/iconNewWinB.svg'); display:inline-block; width:1rem; height:1rem; margin-left:0.5rem; }
	.schoollifeBox01{ margin-top:3rem; }
	.schoollifeBox01 > div:nth-of-type(1){ }
	.schoollifeBox01 > div:nth-of-type(1) > .schoollifeList > a{ display:block; padding:0.5rem 0; position:relative; }
	.schoollifeBox01 > div:nth-of-type(1) > .schoollifeList > p{ display:block; padding:0.5rem 0; position:relative; }
	.schoollifeBox01 > div:nth-of-type(1) > .schoollifeList > a.Twitter:after{ content:url('../img/iconTwitter.jpg'); display:inline-block; width:0.1rem; height:0.1rem; position:absolute; top: 0.5rem; margin-left:0.2rem; }
	.schoollifeBox01 > div:nth-of-type(2){ display:flex; flex-wrap:wrap; margin-top:1rem; }
	.schoollifeBox01 > div:nth-of-type(2) > img{ width: 50%; height: auto; padding:0.2rem; }
	.schoollifeBox02{ margin-bottom:1rem; padding:1rem; background: #00325a; }
	.schoollifeBox02 > p{ color: #fff; font-weight:bold; }
	.schoollifeBox03 { margin-top:2rem;  }
	.schoollifeBox03 > div{ display:flex; flex-wrap:nowrap; }
	.schoollifeBox03 > div > div:nth-of-type(1){ width:30%; }
	.schoollifeBox03 > div > div:nth-of-type(2){ width:70%; padding-left:1rem; }
	.schoollifeBox03 .PINK{ color: #faaac8;  }
	.schoollifeBox03 .Green{ color: #00a0aa;  }
	.schoollifeBox03 .Cha{ color: #be8c28;  }
	.schoollifeBox03 .Blue{ color: #5ac8e6;  }
	.schoollifeBox03 > div img{ margin:0 auto;  }
	.schoollifeInner{
    position: relative;
    width: 85%;
    padding: 1rem;
    }
    .schoollifeInner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    }

	/*FACILITY*/
	.facilityNavi{ padding-top:2rem; }
	.facilityNavi > a{ display:inline-block; height:3rem; line-height:3rem; width:100%; padding-left:1rem; margin-bottom:0.5rem; background-color:#f0f0f6; }
	.facilityNavi > .ON{ border:1px #00325a solid; }
	.facilityTitle{ padding-top:3rem; font-size:1.2rem; color:#00325a; font-weight:bold; }
	.facilityBox{ margin-top:1rem; padding:1rem; background-color:#ffffff; }
	.facilityBox:nth-of-type(odd){ background-color:#f0f0f5; }
	.facilityBox > div:nth-of-type(1){ width:80%; margin:0 auto; }
	.facilityBox > div:nth-of-type(2){ padding-top:1rem; }
	.facilityBox > div:nth-of-type(2) > p:nth-of-type(1){ color:#00325a; font-size:1.2rem; font-weight:bold; }
	.facilityBox > div:nth-of-type(2) > p:nth-of-type(2){ color:#00325a; }
	.facilityBox > div:nth-of-type(2) > p:nth-of-type(3){ margin-top:0.6rem; }
	.facilityBox02{ margin-top:1rem; padding:1rem; background-color:#ffffff; border-bottom:1px #ccc solid; }
	.facilityBox02 > div:nth-of-type(1){ width:80%; margin:0 auto; }
	.facilityBox02 > div:nth-of-type(2){ padding-top:1rem; }
	.facilityBox02 > div:nth-of-type(2) > .TLT{ color:#00325a; font-size:1.2rem; font-weight:bold; }
	.facilityBox02 > div:nth-of-type(2) > .SubTLT{ color:#00325a; }
	.facilityBox02 > div:nth-of-type(2) > .Cont{ margin-top:0.6rem; }
	.facilityBox03{ padding:1rem 0; }
	.facilityBox03 > .TLT{ display:block; padding-left:1.5rem; }
	.facilityBox03 > .TLT:before{ background:url(../img/iconArrow04.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 50%; left:0; transform: translate(0,-50%); }
	.ContBtn{ display:block; margin-top:0.5rem; background-color:#00325a; color:#fff; padding:0.5rem 0; }
	.ContBtn:hover{ cursor:pointer; opacity:0.7; }
	.ContBtn > a{ display:block; color:#ffffff; line-height:35px; padding-left:3rem; font-weight:bold; }
	.ContBtn > a:before{ background:url(../img/iconArrow01.svg) 0 0 no-repeat; content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }

	.researcherNavi{ width:100%; margin-left:auto; border:1px #00325a solid; margin-top:3rem; }
	.researcherNavi:before{ content:'▼'; display:block; font-size:1.2rem; color:#00325a; position:absolute; top: 50%; left:0.2rem; transform: translate(0,-50%); pointer-events:none; }
	.researcherNavi > select{ width:100%; height:3rem; padding-left:2rem; }
	.researcherArea{ width:100%; }
	.researcherBox{ display:block; width:100%; margin-top:1rem; background-color:#00325a; }
	.researcherImg{ display:block; width:100%; height:60vw; overflow:hidden; background-position:center; background-size:cover; }
	.researcherStr{ padding:1rem; }
	.researcherStr > p,.researcherStr > p > span{ color:#ffffff; line-height:120%; }
	.researcherStr > p:nth-of-type(1){ font-size:1.4rem; }
	.researcherStr > p:nth-of-type(1) > span{ display:block; font-size:0.9rem; padding:0.2rem 0; }
	.researcherStr > p:nth-of-type(2){ margin-top:0.5rem; }
	.researcherDetailBackBtn{ display:inline-block; width:10rem; padding:0.2rem 1rem; margin-top:2rem; margin-right:0.5rem; color:#002e5b; background-color:#f0f0f6; }
	.researcherDetailHead{ width:100%; margin-top:2rem; }
	.researcherDetailHeadImg{ display:block; width:100%; height:60vw; overflow:hidden; background-position:center; background-size:cover; }
	.researcherDetailHead > div:nth-of-type(2){ padding-top:1rem; }
	.researcherDetailCat{ background-color:#00325a; }
	.researcherDetailCat > p{ line-height:130%; color:#ffffff; font-size:1.2rem; padding:0.5rem 1rem; }
	.researcherDetailName{ margin-top:1rem; }
	.researcherDetailName > p{ line-height:130%; font-size:2rem; }
	.researcherDetailName > p > span{ display:block; font-size:1rem; padding:0.2rem 0; }
	.researcherDetailInfo{ margin-top:1rem; }
	.researcherThemeHead{ margin-top:5rem; }
	.researcherThemeHead > p{ line-height:130%; font-size:2rem; }
	.researcherTheme{ margin-top:1.4rem; }
	.researcherThemeTitle > p:before{ content:'●'; display:inline-block; font-size:1.2rem; color:#00325a; }
	.researcherAchHead{ margin-top:5rem; }
	.researcherAchHead > p{ line-height:130%; font-size:2rem; }
	.researcherAch{ margin-top:1.4rem; }
	.researcherAchUrl{ margin-top:0.4rem; }
	.researcherAch a{ color:#82beff; }
	.researcherBottomLink{ width:100%; margin-top:4rem; }
	.researcherBottomLink > a{ display:block; position:relative; width:100%; height:4rem; margin-top:1rem; color:#ffffff; line-height:4rem; padding-left:3rem; background-color:#00325a; }
	.researcherBottomLink > a:before{ background:url(../img/iconArrow04.svg) 0 0 no-repeat; content:''; display:block; width:1.4rem; height:1.4rem; position:absolute; top: 50%; left:1rem; border:1px #ffffff solid; transform: translate(0,-50%); border-radius:0.7rem; }
	.courseNavi{  }
	.courseNavi > p{ display:inline-block; height:2.5rem; line-height:2.5rem; width:100%; padding-left:1rem; margin-top:0.2rem; margin-right:0.2rem; background-color:#f0f0f6; }
	.courseNavi > p:hover{ cursor:pointer; color:#ffffff; background-color:#00325a; }
	.courseTitle{ padding-top:5rem; }
	.courseTitle > p:nth-of-type(1){ line-height:130%; font-size:1.6rem; border-bottom:1px #333333 solid; }
	.courseTitle > p:nth-of-type(2){ font-size:0.9rem; padding-top:0.5rem; }
	.courseTitle > p:nth-of-type(2) > span{ color:#00a0aa; }
	.courseHead{ padding-top:2rem; }
	.courseHead > p{ line-height:150%; font-size:1.4rem; }
	.courseHead span{ display:block; line-height:130%; color:#00a0aa; font-size:1rem; }
	.courseBodyWrapper{ margin-top:0.4rem; width:100%; overflow-x:scroll; }
	.courseBody{ width:350vw; border-collapse:collapse; border:1px #cccccc solid; }
	.courseBody > thead{ background-color:#e5eaee; }
	.courseBody td{ width:70vw; vertical-align: top; padding:0.6rem; border:1px #cccccc solid; }
	.courseBody p{ line-height:150%; }
	.courseTitleT2Spacer{ height:3rem; }
	.courseTitleT2{ padding-top:3rem; }
	.courseTitleT2 > p{ line-height:130%; font-size:1.4rem; border-bottom:1px #cccccc solid; }
	.courseTitleT2str{ padding:0.5rem 0; border-bottom:1px #cccccc solid; }
	.courseTitleT2str > a{ display:block; position:relative; padding-left:1.3rem; }
	.courseTitleT2str > a:before{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 50%; left:0; transform: translate(0,-50%); }
	.courseTitleT2str2Line{ padding:0.5rem 0; border-bottom:1px #cccccc solid; }
	.courseTitleT2str2Line > a{ display:block; position:relative; padding-left:1.3rem; }
	.courseTitleT2str2Line > a:before{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 10%; left:0; }
	.courseRenkeiBox { padding-bottom:0.5rem; }
	.RenkeiSpace { margin-top:0.5rem; }
	.courseRenkeiBox label  > .No > p{ display:block; font-size:1rem; padding-left:1.5rem; }
	.courseRenkeiBox label  > .No > p:before{ background:url(../img/iconArrow03.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 12%; left:0; }
    .courseRenkeiBox input { display: none; }
    .courseRenkeiBox .accshow { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.3s; }
    .cssacc:checked + .accshow {
    height: auto;
    padding: 0.5rem 1.5rem;
    opacity: 1;
    background-color:#f0f0f6; 
    }
    .courseRenkeiBox .cssacc:checked + .accshow > p{ padding-bottom:0.5rem; }
    .courseRenkeiBox .cssacc:checked + .accshow > p > a{ display:inline-block; padding:0.1rem 0; padding-left:2.5rem; position:relative;  }
    .courseRenkeiBox .cssacc:checked + .accshow > p > a:before{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }


	/*prospective*/
	.prospectiveTitle{ font-size:1.8rem; line-height:180%; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
	.prospectiveTitle > br{ display:none; }
	.prospectiveBox01{ margin-top:2rem; }
	.prospectiveBox01 > div:nth-of-type(1){ width:70%; }
	.prospectiveBox01 > div:nth-of-type(1) > p{ line-height:130%; margin-top:0.5rem; }
	.prospectiveBox01 > div:nth-of-type(2){ margin-top:2rem; }
	.prospectiveBox01 > div:nth-of-type(2) > p:nth-of-type(2){ margin-top:1rem;  }
	.guideBox01{ margin-top:3em; word-break: break-all; }
	.guideBox01 > div:nth-of-type(1){ }
	.guideBox01 > div:nth-of-type(2){ width:90%; margin:auto; margin-top:2rem; }
	.guideBox01 > div:nth-of-type(1){ }
	.prospectiveBtn{ display:block; margin-top:0.5rem; background-color:#00325a; color:#fff; padding:0.5rem; padding-right:1rem; }
	.prospectiveBtn:hover{ cursor:pointer; opacity:0.7; }
	.prospectiveBtnWid{ }
	.prospectiveBtn > a{ display:block; color:#ffffff; line-height:150%; padding-left:3rem; font-weight:bold; }
	.prospectiveBtn > a:before{ background:url(../img/iconArrow01.svg) 0 0 no-repeat; content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }
	.prospectiveBtn > a.newWin:after{ content:url('../img/iconNewWinW.svg'); display:inline-block; width:1.2rem; height:1.2rem; padding-left:0.3rem; }
	.guideBox02{ margin-top:3rem; margin-bottom:0.5rem; vertical-align:top; }
	.guideBox02 > .Title{ font-size:1.5rem; line-height:150%; border-bottom:1px #ccc solid; margin-bottom:1rem; }
	.curriculumBox01{ margin-top:3em;  }
	.faqBox01{ display:flex; flex-wrap:nowrap; padding:0 0.5rem; }
	.faqBox01 > p:nth-of-type(1){ width:3rem; }
	.faqBox01 > p:nth-of-type(2){ width:100%; }
	.faqBox01BG{ background-color:#f0f0f6; padding:0.5rem; margin-top:1em; }
	.issueBox02{ background-color:#f0f0f6;  padding:1rem; }
	.tbl-r05 {  margin-top:1rem; margin-bottom:1rem; }
	.tbl-r05 .thead { display: none; }
	.tbl-r05 tr {  }
	.tbl-r05 td { display: block; border-bottom:1px #ccc solid; }
	.tbl-r05 td:first-child { background: #00325a; color: #fff; padding:1rem; font-weight: bold;  }
	.tbl-r05 td:nth-of-type(2), .tbl-r05 td:nth-of-type(3)  { display:flex; flex-wrap:nowrap;  }
	.tbl-r05 td:nth-of-type(2) > span, .tbl-r05 td:nth-of-type(3) > span  { width:50%; padding:1rem 0.5rem; }
	.tbl-r05  tr.Last td:first-child { background: #fff; padding:0.5rem; }
	.tbl-r05  tr.Last td:first-child { display:flex; flex-wrap:nowrap;  }
	.tbl-r05  tr.Last td:first-child > span  { width:50%; text-align:left; }
	.tbl-r05  tr.Last td:first-child > span:nth-of-type(2)   { padding:0 0.5rem; }
	
	/*MOVIE*/
	.movieTitle{ padding-top:3rem; font-size:1.5rem; color:#00325a; font-weight:bold; }
	.movieBox01{ margin-top:1rem; padding:1.5rem; background-color:#f0f0f5; }
	.movieBox01 > div:nth-of-type(1){ width:20%; }
	.movieBox01 > div:nth-of-type(2){ margin-top:0.5rem; }
	.movieBox02{  }
	.movieBox02 > div > a{ width:30%; margin-top:0.5rem; margin-right:1rem; margin-bottom:1rem; }
	.movieBox02 > div > a > img{ border:1px #ccc solid; }
	.movieBox02 > div > a > p{ display:block; padding-top:0.2rem; padding-left:2rem; position:relative; font-weight:bold; }
	.movieBox02 > div > a > p:before{ background:url(../../img/movie_icon02.svg) 0 0 no-repeat; content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top:0.2rem; left:0; }
	.youtube{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    }
    .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    }

	/*ACCESS*/
	.accessTitle{ padding-top:3rem; font-size:1.5rem; color:#00325a; font-weight:bold; }
	.accessBox01{ padding-top:1rem; }
	.accessBox02{ padding-top:1rem; }
	.accessBox03{ margin-top:1rem; padding:1rem; background-color:#f0f0f5; }
	.accessBox03 p { padding-left:1em; text-indent:-1em; }
	.accessBox03 p.Indent { padding-left:0; text-indent:0; }

	/*INFO*/
	.infoTitle{ padding-top:3rem; font-size:1.5rem; color:#00325a; font-weight:bold; }
	.infoBox{ padding-top:1rem; }
	.infoBtn{ display:block; width:100%; margin-top:0.5rem; background-color:#00325a; color:#fff; padding:0.5rem 0; }
	.infoBtn:hover{ cursor:pointer; opacity:0.7; }
	.infoBtn > a{ display:block; color:#ffffff; line-height:35px; padding-left:3rem; font-weight:bold; }
	.infoBtn > a:before{ background:url(../img/iconArrow01.svg) 0 0 no-repeat; content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }

	/*POLICY*/
	.policyTitle{ padding-top:3rem; font-size:1.5rem; color:#00325a; font-weight:bold; }
	.policyBox{ padding-top:1rem; }
	.policyBox > span{ padding-bottom:1rem; }


	/*researchNews*/
	.rnHeadInfo{ margin-top:2rem; }
	.rnYearSelecter{ margin-top:2rem; display:flex; flex-wrap:wrap; }
	.rnYearSelectBtn{ display:inline-block; padding:0.2rem 1rem; margin-right:0.5rem; color:#002e5b; background-color:#f0f0f6; }
	.rnYearSelectBtn.now, .rnYearSelectBtn:hover{ cursor:pointer; color:#f0f0f6; background-color:#002e5b; }
	.rnThisYear{ margin-top:2rem; border-bottom:1px #cccccc solid; }
	.rnThisYear > p{ font-size:1.6rem; }
	.rnListArea{ width:100%; }
	.rnList{ width:100%; margin-top:2rem; }
	.rnListImg{ width:100%; height:12rem; background-position:center; background-size:contain; }
	.rnListTitle{ padding-left:1.3rem; }
	.rnListTitle:before{ content:url('../../img/pickUpTitle.svg'); display:block; width:0.6rem; position:absolute; top:0.3rem; left:0; }
	.rnListTitle > p:nth-of-type(1){ width:100%; margin-top:0.3rem; }
	.rnListTitle > p:nth-of-type(2){ width:100%; color:#b2b2b2; font-weight:bold; font-size:0.7rem; }
	.rnListTitle > p:nth-of-type(3){ width:100%; font-size:0.9rem; }
	.rnDetailBackBtn{ display:inline-block; width:10rem; padding:0.2rem 1rem; margin-top:2rem; margin-right:0.5rem; color:#002e5b; background-color:#f0f0f6; }
	.rnDetailHeadInfo{ margin-top:2rem; }
	.rnDetailHeadInfo > p{ line-height:140%; color:#00325a; }
	.rnDate{ height:1.8rem; color:#333333; }
	.rnDetailArea{ margin-top:1rem; padding-bottom:2rem; background-color:#f2f1f6; }
	.rnDetailTitle{ width:100%; display:flex; flex-wrap:wrap-reverse; overflow-wrap: break-word; word-break: break-all; }
	.rnDetailTitle > div:nth-of-type(1){ width:100%; padding:0 0.5rem; padding-top:0.5rem; }
	.rnDetailTitle > div:nth-of-type(1) > p{ font-size:1.2rem; line-height:170%; font-weight:bold; }
	.rnDetailTitle > div:nth-of-type(2){ width:100%; height:13rem; background-position:top; background-size:contain; }
	.rnDetailMemo{ padding:1rem 0.5rem; }
	.rnDetailImg{ margin-top:1rem; }
	.rnDetailImg > div{ width:90%; margin:0 auto; margin-top:1rem; }
	.rnDetailImg > div > a{ display:block; width:100%; position:relative; overflow:hidden; background-position:center; background-size:cover; background-color:#f0f0f6; }
	.rnDetailImg > div > a:before{ content:''; display:block; padding-top:75%; }
	.rnDetailFileList{ width:90%; margin:0 auto; margin-top:2rem; }
	.rnDetailFileList > a{ display:block; width:100%; padding:0.5rem 3rem; margin-top:0.5rem; position:relative; background-color:#ffffff; }
	.rnDetailFileList > a:before{ background:url(../img/iconArrow04.svg) 0 0 no-repeat; content:''; display:block; width:1.2rem; height:1.2rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }
	.rnDetailFileList > a.url:after{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1.2rem; height:1.2rem; position:absolute; top: 50%; right:1rem; transform: translate(0,-50%); }

	/*NEWS*/
	.newsYearSelecter{ margin-top:2rem; display:flex; flex-wrap:wrap; }
	.newsYearSelectBtn{ display:inline-block; padding:0.2rem 1rem; margin-right:0.5rem; color:#002e5b; background-color:#f0f0f6; }
	.newsYearSelectBtn.now, .newsYearSelectBtn:hover{ cursor:pointer; color:#f0f0f6; background-color:#002e5b; }
	.newsCatBtnArea{ margin-top:2rem; display:flex; flex-wrap:wrap; }
	.newsCatBtn{ display:inline-block; width:31%; height:1.8rem; margin-top:0.3rem; line-height:1.8rem; font-size:0.8rem; text-align:center; padding:0 1rem; margin-right:0.3rem; color:#002e5b; border:1px #002e5b solid; border-radius:0.9rem; }
	.newsCatBtn:hover{ cursor:pointer; opacity:0.7; }
	.newsCatBtn.now{ color:#ffffff; background-color:#002e5b; }
	.newsDetailBackBtn{ display:inline-block; width:40vw; padding:0.2rem 1rem; margin-top:3rem; margin-right:0.5rem; background-color:#f0f0f6; }
	.newsDetailHeadInfo{ display:flex; flex-wrap:nowrap; margin-top:2rem; }
	.newsDetailDate{ height:1.8rem; line-height:1.8rem; width:8rem; }
	.newsDetailTitle{ margin-top:1rem; background-color:#f2f1f6; }
	.newsDetailTitle > p{ font-size:1.2rem; font-weight:bold; padding:0.5rem; }
	.newsDetailBody{ margin-top:1rem; }
	.newsDetailImg{ margin-top:1rem; }
	.newsDetailImg > div{ width:100%; margin-top:1rem; }
	.newsDetailImg > div > a{ display:block; width:100%; position:relative; overflow:hidden; background-position:center; background-size:contain; }
	.newsDetailImg > div > a:before{ content:''; display:block; padding-top:75%; }
	.newsDetailFileList{ margin-top:2rem; }
	.newsDetailFileList > a{ display:block; width:100%; padding:0.5rem 3rem; margin-top:0.5rem; position:relative; background-color:#eeeeee; }
	.newsDetailFileList > a:before{ background:url(../img/iconArrow04.svg) 0 0 no-repeat; content:''; display:block; width:1.2rem; height:1.2rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }
	.newsDetailFileList > a.url:after{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1.2rem; height:1.2rem; position:absolute; top: 50%; right:1rem; transform: translate(0,-50%); }
	.homeNewsGoList{ margin-top:2rem; }
	.homeNewsGoList > a{ display:block; width:8rem; height:1.8rem; line-height:1.8rem; font-size:0.8rem; text-align:center; padding:0 1rem; color:#ffffff; background-color:#002e5b; border-radius:0.9rem; }



	/*HOME*/
	.homeMainVisualArea{ width:100%; height:50vh; overflow:hidden; background-position:center; background-size:cover; }
	.slick-track, .slick-slide{ width:100%; height:100%; }
	.homeMainVisualFadeArea{ width:100%; height:100%; }
	.homeMainVisualFadeArea > div{ display:block; width:100%; height:100%; position:relative; }
	.src1{ background-image:url(../../img/homeMainImg01Sp.jpg); background-position:center; background-size:cover; }
	.src2{ background-image:url(../../img/homeMainImg02Sp.jpg); background-position:center; background-size:cover; }
	.src3{ background-image:url(../../img/homeMainImg03Sp.jpg); background-position:center; background-size:cover; }
	.src4{ background-image:url(../../img/homeMainImg04Sp.jpg); background-position:center; background-size:cover; }
	.src5{ background-image:url(../../img/homeMainImg05Sp.jpg); background-position:center; background-size:cover; }
	.src1 > a{ display:block; width:100%; height:100%; position:absolute; top: 0; left:0; }
	.homeMainImgMasc{ width:100%; position:absolute; left:0; bottom:0; }
	.homeMainImgTitle01{ width:90%; position:absolute; top:2rem; left:1rem; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; text-shadow: 1px 2px 3px #808080; font-size:1.1rem; z-index:8888; text-align:left; color:#ffffff;}
	.homeMainImgTitle{ width:90%; position:absolute; top:2rem; left:1rem; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; text-shadow: 1px 2px 3px #808080; font-size:1.1rem; z-index:8888; text-align:left; }
	.homeFlashArea{ width:90vw; margin:auto; margin-top:1rem; }
	.homeFlashBtn{ display:none; }
	.homeFlashBtnSp{ width:100%; padding:1rem; background-color:#91002c; }
	.homeFlashBtnSp > img{ width:70%; margin:auto; }
	.homeFlashBody{ display:none; width:100%; padding:0.5rem; background-color:#ffffff; border:2px #91002c solid; }
	.homeBody{ width:90vw; margin:0 auto; margin-top:1rem }
	.homeNewsArea{}
	.homeNewsTitle{ width:30%; }
	.homeNewsCatBtnArea{ margin-top:0.6rem; display:flex; flex-wrap:wrap; justify-content: space-between; }
	.homeNewsCatBtn{ width:32%; height:1.8rem; line-height:1.8rem; font-size:0.8rem; padding:0 1rem; margin-right:0.2rem; margin-top:0.2rem; background-color:#f0f0f6; }
	.homeNewsCatBtn.now{ color:#ffffff; background-color:#002e5b; }
	.homeNewsDataArea{ width:100%; margin-top:1rem; border-top:1px #b2b2b2 solid; }
	.newsContents{ padding:1rem 0; border-bottom:1px #b2b2b2 solid; }
	.newsContents.alert{ background-color:#fcf2f4; }
	.newsHead{ display:flex; flex-wrap:nowrap; }
	.newsDate{ width:6rem; line-height:1.5rem; font-weight:bold; font-size:0.8rem; }
	.newsCategory{ width:6rem; height:1.5rem; line-height:1.5rem; font-size:0.8rem; padding-left:0.6rem; margin-right:0.5rem; border:1px #888 solid; border-radius:0.8rem; }
	.newsCategory.alert{ color:#a90029; border:1px #a90029 solid; }
	.newsBody{ padding-top:1rem; }
	.homePickUpArea{ width:100%; margin-top:2rem; padding-top:2.4rem; }
	.homePickUpMainTitle{ width:80%; padding:0 0.5rem; margin:auto; position:absolute; top:0; left:0; right:0; background-color:#ffffff; }
	.homePickUpBody{ padding:1rem; border:1px #b2b2b2 solid; }
	.homePickUpBodyTitle{ text-align:center; margin-bottom:1rem; padding-top:2rem; font-size:1.5rem; font-weight:bold; }
	.homePickUp{ margin:0.6rem 0; }
	.homePickUpImg{ width:100%; height:10rem; background-position:center; background-size:contain; }
	.homePickUpTitle{ padding-left:1.3rem; }
	.homePickUpTitle:before{ content:url('../../img/pickUpTitle.svg'); display:block; width:0.6rem; position:absolute; top:0.3rem; left:0; }
	.homePickUpTitle > p:nth-of-type(1){ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:0.3rem; }
	.homePickUpTitle > p:nth-of-type(2){ width:100%; color:#b2b2b2; font-weight:bold; font-size:0.7rem; }
	
	.header{ width:100%; position:fixed; top:0; left:0; z-index:9999; }
	.headerDummy{ width:100%; height:3rem; }
	.headerBody{ width:100%; height:3rem; display:flex; flex-wrap:nowrap; justify-content:space-between; background-color:#ffffff; }
	.headerLogo{ width:70%; position:absolute; top: 50%; left:0.5rem; transform: translate(0,-50%); }
	.spHeaderOpen{ width:3rem; height:3rem; position:absolute; right:0; }
	.spHeaderClose{ width:3rem; height:3rem; position:absolute; right:0; }
	.spHheaderArea{ display:none; width:100%; height:100vh; position:absolute; top:0; left:0; z-index:+10; background-color:#2f2f2f; }
	.spHheaderBtn{ width:100%; height:4rem; display:flex; flex-wrap:nowrap; align-items:center; position:relative; border-top:1px #e4ebef solid; background-color:#ffffff; }
	.spHheaderBtn > img{ width:2rem; margin-left:1rem; }
	.spHheaderBtn > p{ line-height:150%; padding-left:0.8rem; font-weight:bold; }
	.spHheaderBtn > p > span{ display:block; font-size:0.8rem; line-height:150%; }
	.spHheaderBtnOpen:after{ background:url(../img/spHheaderBtnOpen.svg) 0 0 no-repeat; content:''; display:block; width:1.4rem; height:1.4rem;; position:absolute; top:1.2rem; right:0.6rem; }
	.spHheaderBtnClose:after{ background:url(../img/spHheaderBtnClose.svg) 0 0 no-repeat; content:''; display:block; width:1.4rem; height:1.4rem;; position:absolute; top:1.2rem; right:0.6rem; }
	.spHheaderBody{ width:100vw; height:calc(100% - 3rem); overflow-y:scroll; }
	.headerSubBodyLinks{ display:none; background-color:#f0f0f6; padding-top:1rem; }
	.headerSubBodyLinks > a{ width:90%; display:block; padding-left:4rem; padding-bottom:1rem; text-decoration:none; }
	.headerSubBodyLinks > p{ width:90%; display:block; padding-left:4rem; padding-bottom:1rem; text-decoration:none; }
	.headerSubBodyLinks > a.newWin:after{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:inline-block; width:1.1rem; height:1.1rem; padding-left:0.2rem; }
	.headerSelectLng{ width:100vw; height:6rem; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; border-top:1px #e4ebef solid; background-color:#ffffff; }
	.headerSelectLng > a{ display:block; padding:0.2rem; padding-bottom:0; margin:0 0.4rem; text-decoration:none; color:#b4b4b4; font-size:1.4rem; font-family:'Roboto Condensed',sans-serif; font-weight:700; }
	.headerSelectLng > a.nowLng{ color:#002e5b; border-bottom:2px #002e5b solid; }
	.spHheaderBottomLink{ padding:1rem 0; }
	.spHheaderBottomLink > a{ display:block; text-align:center; color:#ffffff; height:2.5rem; line-height:2.5rem; text-decoration:none; }
	
	/*FOOTER*/
	.btnPgTopArea{ width:100%; padding-top:4rem; padding-bottom:1rem; }
	.btnPgTop{ width:2rem; height:2rem; margin:auto; }
	.footer{ width:100%; background-color:#2f2f2f; padding-top:1rem; }
	.footerBanner{ width:100%; padding:1rem 0; background-color:#f0f0f6; }
	.footerBanner > a{ display:block; width:50%; margin:0.4rem auto; }
	.footerMenu1Body{ width:100%; padding:1rem 0; }
	.footerMenu{ width:90vw; margin:0 auto; margin-top:1.5rem; }
	.footerMenuTitle{ position:relative; color:#ffffff; font-weight:bold; }
	.footerMenuTitle > span{ font-size:0.8rem; color:#ffffff; }
	.footerMenuTitle:after{ content:''; display:block; width:14rem; height:2px; position:absolute; bottom:0; left:0; background-color:#5dbfff; }
	.footerMenuArea{ display:none; margin-top:0.4rem; }
	.footerMenuArea > a{ display:block; padding:0.4rem 0; color:#ffffff; text-decoration:none; font-size:0.8rem; }
	.footerMenuArea > a.newWin:after{ content:url('../img/iconNewWinW.svg'); display:inline-block; width:1.2rem; height:1.2rem; padding-left:0.2rem; }
	.footerMenuArea > p{ display:block; padding:0.4rem 0; color:#ffffff; text-decoration:none; font-size:0.8rem; }
	.footerMenu2Body{ width:90vw; margin:auto; margin-top:1rem; color:#ffffff; padding:0.3rem; text-align:center; }
	.footerMenu2Body > a{ width:100%; display:block; margin-bottom:0.3rem; color:#ffffff; text-decoration:none; background-color:#4d4d4d; padding:1rem; font-weight:bold; }
	.footerTitle{ width:90vw; margin:auto; padding-top:2rem; }
	.footerTitle > div:nth-of-type(1){ width:100%; }
	.footerTitle > div:nth-of-type(1)> p{ color:#ffffff; }
	.footerBottomBanner{ margin-top:3rem; padding-bottom:1rem; display:flex; flex-wrap:nowrap; }
	.footerBottomBanner > div{ width:35%; margin-right:1rem; }
	.footerCopyright{ width:90vw; margin:auto; margin-top:2rem; padding-top:1rem; padding-bottom:2rem; color:#ffffff; font-size:0.8rem; }
}
/*===================================================================
 PC
===================================================================*/
@media( min-width:800px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
	/* COMMON */
	html{ overflow-y:scroll; font-size:100%; }
	body{}
	a:hover, a > img:hover{ cursor:pointer; opacity:0.7; }
	.mainContentsArea{}
	.pageContentsArea{ width:1000px; margin:auto; padding-top:1rem; }
	.pageMainTitleArea{ width:100%; height:240px; display:flex; flex-wrap:nowrap; align-items:center; background-position:center; background-size:cover; }
	.pageMainTitleArea > div{ width:1000px; margin:auto; }
	.pageMainTitleArea > div > p{ line-height:150%; color:#00325a; text-shadow:0 0 0.4rem #ffffff; }
	.pageMainTitleArea > div > p:nth-of-type(1){ font-size:1.8rem; font-weight:bold; font-family: 'Roboto', sans-serif; }
	.pageMainTitleArea > div > p:nth-of-type(2){ font-size:1.3rem; }
	.pageMainTitleAreaSpace{ margin-top:4rem; }
	.breadNavi{ height:1rem; text-align:right; font-size:0.8rem; }
	.breadNavi > a,.breadNavi > p{ display:inline-block; text-decoration:none; color:#333333; }
	.breadNavi > span{ display:inline-block; padding:0 0.4rem; }
	.pageCommonTitle{ border-left:4px #00325a solid; margin-top:3rem; }
	.pageCommonTitle > p{ font-size:2.4rem; padding:0.5rem 1rem; line-height:160%; } 
	.pageCommonTitle > p > span{ font-size:1rem;  line-height:150%; display:block; font-weight:bold; } 
	.pageTitle{ padding-top:3rem; font-size:1.6rem; border-bottom:1px #cccccc solid; }
	.newPDF:after{ content:url('../img/iconPDF.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top: 35%; transform: translate(0,-50%); }
	.faqLinkBox{ padding:0 0.5rem;  background-color:#FFFF66; }

	/*ABOUT*/
	.aboutTitle{ font-size:1.8rem; padding-top:2rem; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
	.aboutNavi{ padding-top:3rem; display:flex; flex-wrap:wrap; }
	.aboutNavi > a{ display:inline-block; width:15rem; padding:1rem; padding-left:2.5rem; margin-right:10px; margin-bottom:10px; background-color:#f0f0f6; position:relative; display:flex; align-items:center; }
	.aboutNavi > a:before{ content:url('../img/iconArrow02.svg'); display:inline-block; width:1.5rem; height:1.5rem; padding-right:0.5rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }
	.aboutBox01{ padding-top:1rem; }
	.aboutBox02{ display:flex; flex-wrap:nowrap; margin-top:2rem; margin-bottom:5rem; }
	.aboutBox02 > img{ width:30%; margin-right:1rem; }
	.soshikiTitle{ padding-top:2rem; font-weight:bold; color:#00325a; }
	.soshikiBox01{ margin-top:2rem; position:relative; }
    .soshikiBox01 > a{ display:block; width:20rem; padding-left:1.5rem; font-weight:bold; }
    .soshikiBox01 > a.newWin:before{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 73%; left:0; }
	.historyBox01{ border-bottom:1px #ccc solid;  }
	.historyBox01 > p{ padding-top:3rem; font-size:1.2rem; color:#00325a; font-weight:bold;  }
	.historyBox02{ display:flex; flex-wrap:nowrap; padding:0.5rem 0; border-bottom:1px #ccc solid; }
	.historyBox02 > p:nth-of-type(1){ width:9rem; }
	.historyBox02 > p:nth-of-type(2){ width:100%; }
	.historyBox03{ display:flex; flex-wrap:nowrap; padding-top:0.5rem; }
	.historyBox03 > p:nth-of-type(1){ width:6rem; }
	.historyBox03 > p:nth-of-type(2){ width:8rem; }
	.historyBox03 > p:nth-of-type(3){ width:100%; font-size:0.8rem; }
	.historyBox04 { }
	.historyBox04 label  > .No > p{ padding-left:2.5rem; }
	.historyBox04 label  > .No > p:before{ background:url(../img/iconArrow03.svg) 0 0 no-repeat; content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top: 50%; left:0.5rem; transform: translate(0,-50%); }
	.historyBox04 .More{ float:left; width: 60%; }
	.historyBox04 label {
    display: block;
    padding : 0.5rem 0;
    margin-top : 1rem;
    line-height:1.5rem;
    cursor :pointer;
    transition: all 0.1s;
    border-top:1px #b2b2b2 solid; 
    }
    .historyBox04 label:hover { background :#f0f0f6; }
    .historyBox04 input { display: none; }
    .historyBox04 .accshow { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.3s; }
    .historyBox04 .accshow > div { padding-left: 1rem; }
    .cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    opacity: 1;
    background-color:#f0f0f6; 
    }
	.dataBox01{ margin-top:1rem; }
	.dataBox01 > p{ padding-top:3rem; font-size:1.2rem; color:#00325a; font-weight:bold;  }
	.dataBox01 > p > span{ font-size:0.8rem; }
	.dataBox02{ display:flex; flex-wrap:nowrap; margin-bottom:2rem; }
	.dataBox02 > div:nth-of-type(1){ width: 22%; padding:1rem; color:#fff; font-weight:bold; background-color:#00325a; }
	.dataBox02 > div:nth-of-type(2){ flex:1; display:flex; flex-wrap:nowrap; }
	.dataBox02 > div:nth-of-type(2) > div { width: 85px; text-align:center; border-top:1px #ccc solid; border-bottom:1px #ccc solid; }
	.dataBox02 > div:nth-of-type(2) > div:first-child{ width:calc((100% - (85px * 7))); }
	.dataBox02 > div:nth-of-type(2) > div > p{ padding:0.5rem; border-bottom:1px #ccc solid; }
	.dataBox02 > div:nth-of-type(2) > div > p:last-child{ border-bottom:none; }
	.dataBox02 > div:nth-of-type(2) > div > p > span{ display:block; font-size:0.8rem; }
	.dataBox02 > div:nth-of-type(2) > div > div{ }
	.dataBox02 > div:nth-of-type(2) > div > div > p{ padding:0.5rem; border-bottom:1px #ccc solid; }
	.dataBox02 > div:nth-of-type(2) > div > div > p:last-child{ border-bottom:none; }
	.dataBox02 > div:nth-of-type(2) > div > div > p > span > span{ display:block; font-size:0.8rem; }
	.dataBox02 > div:nth-of-type(2) > .AllBox{ background-color:#e5eaee; }
	.dataBox03{ padding:1rem; color:#fff; font-weight:bold; background-color:#00325a; }
	.dataBox04{ display:flex; flex-wrap:nowrap; margin-bottom:2rem; border-bottom:1px #ccc solid; }
	.dataBox04 > div{ width: 100%; text-align:center; }
	.dataBox04 > div > p{ padding:0.5rem; border-top:1px #ccc solid; text-align:center; line-height:150%; }
	.dataBox04 > div > p:nth-of-type(1){ height:5.5rem; }
	.dataBox04 > div > p > span{ display:block; font-size:0.8rem; }
	.dataBox04 > .AllBox{ background-color:#e5eaee; }
	.dataBox05{ display:flex; flex-wrap:nowrap; margin-bottom:2rem;  }
	.dataBox05 > div{ width: 150px; text-align:center; }
	.dataBox05 > div:first-child{ width: 250px; }
	.dataBox05 > div > p:nth-of-type(1){ padding:0.3rem 0.3rem; height:4rem; line-height:140%; border-bottom:1px #ccc solid; border-top:1px #ccc solid; }
	.dataBox05 > div > p{ line-height:160%; display:flex; align-items:center; justify-content:center; padding:0.3rem 0.2rem; border-bottom:1px #ccc solid; height:3rem;  }
	.dataBox05 > div > div > p{ line-height:160%; display:flex; align-items:center; justify-content:center; padding:0.3rem 0.2rem; height:3rem; border-bottom:1px #ccc solid; }
	.dataBox02 p{ line-height:150%; }
	.dataBox06{ display:flex; flex-wrap:nowrap; margin-bottom:2rem;  }
	.dataBox06 > div{ width: 150px; text-align:center; }
	.dataBox06 > div:first-child{ width: 250px; }
	.dataBox06 > div > p{ padding:0.3rem 0.2rem; border-bottom:1px #ccc solid; line-height:160%; display:flex; align-items:center; justify-content:center; }
	.dataBox06 > div > p:nth-of-type(1){ padding:0.3rem 0.2rem; height:4.5rem; line-height:180%; }
	.dataBox06 > div > p:nth-of-type(2){ height:4rem; }
	.dataBox06 > div > p:nth-of-type(3){ height:4rem; }
	.dataBox06 > div > div > p{ padding:0.3rem 0.2rem; line-height:160%; display:flex; align-items:center; justify-content:center;  }
	.dataBox06 > div > p:nth-of-type(1){ height:2.5rem;border-bottom:1px #ccc solid; border-top:1px #ccc solid; }
	.dataBox06 > div > div > p{ border-bottom:1px #ccc solid; }
	.dataBox06 > div > div > p:nth-of-type(1){ height:4rem; }
	.dataBox06 > div > div > p:nth-of-type(2){ height:4rem; }
	.publicityBox01{ }
	.publicityBox01 > p{ padding-top:3rem; padding-bottom : 0.5rem; font-size:1.2rem; color:#00325a; font-weight:bold; }
	.publicityBox02 { }
	.publicityBox02 label  > .No > p{ display:block; padding-left:2rem; }
	.publicityBox02 label  > .No > p:before{ background:url(../img/iconArrow03.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 50%; left:0.5rem; transform: translate(0,-50%); }
	.publicityBox02 label {
    display: block;
    padding : 0.5rem 0;
    cursor :pointer;
    transition: all 0.1s;
    border-top:1px #b2b2b2 solid; 
    }
    .publicityBox02 label:hover { background :#f0f0f6; }
    .publicityBox02 input { display: none; }
    .publicityBox02 .accshow { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.3s; }
    .publicityBox02 .accshow > div { padding-left: 1rem; }
    .cssacc:checked + .accshow {
    height: auto;
    padding: 1rem 2rem;
    opacity: 1;
    background-color:#f0f0f6; 
    }
    .publicityBox02 .cssacc:checked + .accshow > a{ display:block; padding:0.5rem 0; padding-left:1.5rem; position:relative;  }
    .publicityBox02 .cssacc:checked + .accshow > a:before{ background:url(../img/iconPDF.svg) 0 0 no-repeat; content:''; display:block; width:1.2rem; height:1.2rem; position:absolute; top: 50%; left:0; transform: translate(0,-50%); }
    .publicityBox02 .cssacc:checked + .accshow > a.newWin:before{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 50%; left:0; transform: translate(0,-50%); }
	.publicityBox03{ border-bottom:1px #b2b2b2 solid; }
	.publicityBox03 > p{ padding-top:3rem; padding-bottom : 0.5rem; font-size:1.2rem; color:#00325a; font-weight:bold; }
	.publicityBox04> a{ display:block; padding-top:1rem; padding-left:1.5rem; position:relative; }
    .publicityBox04 > a:before{ background:url(../img/iconDL.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 62%; left:0; transform: translate(0,-50%); }

	/*SCHOOL*/
	.schoolTitle{ font-size:1.8rem; line-height:180%; padding-top:2rem; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
	.schoolTitle2{ font-size:1.5rem; margin-top:8rem; font-weight:bold; text-align:center; }
	.schoolNavi{ padding-top:1rem; }
	.schoolNavi > a{ display:inline-block; height:4rem; line-height:4rem; width:32%; padding-left:3rem; margin-right:0.2rem; color:#ffffff; background-color:#00325a; position:relative; }
	.schoolNavi > a:before{ content:url('../img/iconArrow05.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top: 0.3rem; left:1rem; transform: translate(0,0); }
	.schoolBox01{ padding-top:1rem; }
	.schoolBox02{ display:flex; flex-wrap:nowrap; margin-top:2rem; }
	.schoolBox02 > img{ width:80%; }
	.schoolBox03{ display:flex; flex-wrap:nowrap; margin-top:2rem; padding:2rem; background-color:#f0f0f6; }
	.schoolBox03 > div:nth-of-type(1){ width:700px; padding-right:2rem; }
	.schoolBox03 > div:nth-of-type(1) > p:nth-of-type(1){ font-size:1.3rem; padding-bottom:1rem; font-weight:bold; }
	.schoolBox03 > div:nth-of-type(1) > p:nth-of-type(3){ margin-top:1rem; padding:1rem; background-color:#ffffff; }
	.schoolBox03 > div:nth-of-type(2){ width:230px; }
	.gfeaturesBox01{ display:flex; flex-wrap:nowrap; margin-top:1rem; margin-bottom:5rem; vertical-align:top; }
	.gfeaturesBox01> div{ width:500px; padding-right:3rem; }
	.gfeaturesBox01> img{ width:500px; }
	.gfeaturesBox01> div > .Title{ font-size:1.5rem; border-bottom:1px #ccc solid; margin-bottom:1rem; }
	.interNavi{ padding-top:3rem; }
	.interNavi > a{ display:inline-block; height:3rem; line-height:3rem; width:15rem; padding-left:1rem; margin-right:0.2rem; background-color:#f0f0f6; }
	.interNavi > .ON{ border:1px #00325a solid; }
	.interBox01{ margin-top:2rem; }
	.interBox02{ display:flex; flex-wrap:nowrap; margin-top:3rem; }
	.interBox02 > div:nth-of-type(1){ width:700px; padding-right:2rem; }
	.interBox02 > div:nth-of-type(1) > .Title{ margin-bottom:1rem; padding:1rem; font-weight:bold; color:#ffffff; background-color:#00325a; }
	.interBox02 > div:nth-of-type(2){ width:300px; }
	.interBox03{ display:flex; flex-wrap:nowrap; margin-top:3rem; }
	.interBox03 > p{ width:200px; height:200px; margin-right:2rem; padding:1rem; font-weight:bold; color:#ffffff; background-color:#00325a; }
	.interBox03 > div{ width:800px; }
	.interBox04{ background-color:#f0f0f6; margin:2rem 0; padding:1rem; }
	.interBox05{ display:flex; flex-wrap:nowrap; margin-top:1rem; }
	.interBox05 > p{ width:100px; margin-right:2rem; font-weight:bold; padding-top:1rem; }
	.interBox05 > div > .repoBox { display:flex; flex-wrap:nowrap; width:900px;  padding:1rem 0; border-bottom:1px #ccc solid; }
	.interBox05 > div > .repoBox > div:nth-of-type(1){ width:75%; margin-right:1rem; }
	.interBox05 > div > .repoBox > div:nth-of-type(2){ width:25%; }
	.interBox05 > div > .repoBox > div > .repoName{ display:flex; flex-wrap:nowrap; }
	.interBox05 > div > .repoBox > div > .repoName > img{ width:auto; height:30px; margin-right:1rem;  }
	.interBox05 > div > .repoBox > div >  p { margin-top:1rem;  }
	.interBox05 > div > div > div > p{ width:100%;  }
	.interLink > a{ display:inline-block; height:3rem; line-height:3rem; width:50%; margin:0 auto; padding-left:3rem; margin-top:1rem; background-color:#f0f0f6; position:relative; }
	.interLink > a:before{ content:url('../img/iconArrow04.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top: 0.3rem; left:1rem; transform: translate(0,0); }
	.interLink > a.newWin:after{ content:url('../img/iconNewWinB.svg'); display:inline-block; width:1.2rem; height:1.2rem; padding-left:0.3rem; }
	.interLink2 > a{ display:inline-block; height:3rem; line-height:3rem; width:100%; margin:0 auto; padding-left:3.5rem; margin-top:1rem; color:#ffffff; background-color:#00325a; position:relative; }
	.interLink2 > a:before{ content:url('../img/iconNOTE.svg'); display:inline-block; width:2rem; height:2rem; position:absolute; top: 0.5rem; left:1rem; transform: translate(0,0); }
	.soudanBox01{ margin-top:1rem; }
	.soudanBox02{ width:20%; margin-top:2rem; margin-bottom:1rem; padding:0.5rem 1rem; font-weight:bold; color:#ffffff; background-color:#00325a; }
	.soudanBox03{ width:100%; margin-top:4rem; padding:2rem 0; background-color:#f0f0f6; }
	.soudanBox03 > div{ width:1000px; margin:0 auto; }
	.soudanBox03 > div > p:nth-of-type(1) { font-size:1.3rem; font-weight:bold; }
	.soudanLink > a{ display:inline-block; height:3rem; line-height:3rem; width:50%; margin:0 auto; padding-left:3rem; margin-top:0.5rem; background-color:#f0f0f6; position:relative; }
	.soudanLink > a:before{ content:url('../img/iconArrow04.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top: 0.3rem; left:1rem; transform: translate(0,0); }
	.soudanLink > a.newWin:after{ content:url('../img/iconNewWinB.svg'); display:inline-block; width:1.2rem; height:1.2rem; padding-left:0.3rem; }
	.soudanLink2 > a{ display:inline-block; height:3rem; line-height:3rem; width:80%; margin:0 auto; padding-left:3rem; margin-top:0.5rem; background-color:#ffffff; position:relative; }
	.soudanLink2 > a:before{ content:url('../img/iconArrow04.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top: 0.3rem; left:1rem; transform: translate(0,0); }
	.soudanLink2 > a.newWin:after{ content:url('../img/iconNewWinB.svg'); display:inline-block; width:1.2rem; height:1.2rem; padding-left:0.3rem; }
	.courseBox01{ display:flex; flex-wrap:nowrap; margin-top:3rem; }
	.courseBox01 > div:nth-of-type(1){ width:700px; padding-right:2rem; }
	.courseBox01 > div:nth-of-type(2){ width:300px; }
	.courseBox02{ padding-left:1rem; }
	.courseBox03{ width:80%; margin:0 auto; margin-top:3rem; }
	.courseBox04{ display:flex; flex-wrap:nowrap; margin-top:3rem; padding:1rem 0; border-bottom:1px #ccc solid; }
	.courseBox04 > p{ width:100px; font-weight:bold; }
	.courseBox04 > div:nth-of-type(1){ width:400px; padding-right:2rem; display:flex; flex-wrap:nowrap; }
	.courseBox04 > div:nth-of-type(1) > p:nth-of-type(1){ width:40%; }
	.courseBox04 > div:nth-of-type(1) > p:nth-of-type(2){ width:60%; }
	.courseBox04 > div:nth-of-type(2){ width:400px; padding-right:2rem; display:flex; flex-wrap:nowrap; }
	.courseBox04 > div:nth-of-type(2) > p:nth-of-type(1){ width:40%; }
	.courseBox04 > div:nth-of-type(2) > p:nth-of-type(2){ width:60%; }
	.supportBox02{ width:500px; margin-top:3rem; padding:1rem; background-color:#f0f0f6; }
	.supportBox03{ margin-top:3rem; }
	.supportLink{ display:inline-block; height:3rem; line-height:3rem; width:50%; margin:0 auto; padding-left:3rem; margin-top:2rem; margin-bottom:2rem; background-color:#f0f0f6; position:relative; }
	.supportLink > a:before{ content:url('../img/iconDL.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top: 0.3rem; left:1rem; transform: translate(0,0); }
	.supportLink02{ display:flex; flex-wrap:wrap; margin-top:2rem; }
	.supportLink02 > a{ display:inline-block; height:3rem; line-height:3rem; width:30%; padding-left:2.5rem; margin-bottom:0.2rem; margin-right:0.2rem; background-color:#f0f0f6; position:relative; }
	.supportLink02 > a:before{ content:url('../img/iconArrow02.svg'); display:inline-block; width:1.5rem; height:1.5rem; padding-right:0.5rem; position:absolute; top: 0.1rem; left:1rem; transform: translate(0,0); }
	.supportLink03 > a{ display:inline-block; height:3rem; line-height:3rem; width:70%; padding-left:2.5rem; margin-top:0.5rem; margin-bottom:0.5rem; background-color:#f0f0f6; position:relative; font-weight:bold; }
	.supportLink03 > a:before{ content:url('../img/iconArrow04.svg'); display:inline-block; width:1.5rem; height:1.5rem; padding-right:0.5rem; position:absolute; top: 0.1rem; left:1rem; transform: translate(0,0); }
	.supportLink03 > a:after{ content:url('../img/iconNewWinB.svg'); display:inline-block; width:1rem; height:1rem; position:absolute; top: 0; margin-left:0.2rem; }
	.schoollifeBox01{ display:flex; flex-wrap:nowrap; margin-top:3rem;  }
	.schoollifeBox01 > div:nth-of-type(1){ width:500px; padding-right:2rem; }
	.schoollifeBox01 > div:nth-of-type(1) > .schoollifeList > a{ display:block; padding:0.5rem 0; position:relative; }
	.schoollifeBox01 > div:nth-of-type(1) > .schoollifeList > p{ display:block; padding:0.5rem 0; position:relative; }
	.schoollifeBox01 > div:nth-of-type(1) > .schoollifeList > a.Twitter:after{ content:url('../img/iconTwitter.jpg'); display:inline-block; width:0.1rem; height:0.1rem; position:absolute; top: 0.5rem; margin-left:0.2rem; }
	.schoollifeBox01 > div:nth-of-type(2){ width:500px; height:auto; display:flex; flex-wrap:wrap; }
	.schoollifeBox01 > div:nth-of-type(2) > img{ width: 250px; height: 175px; padding:0 0.2rem; }
	.schoollifeBox02{ margin-bottom:1rem; padding:1rem; background: #00325a; }
	.schoollifeBox02 > p{ color: #fff; font-weight:bold; }
	.schoollifeBox03 { margin-top:3rem;  }
	.schoollifeBox03 > div{ display:flex; flex-wrap:nowrap; }
	.schoollifeBox03 > div > div:nth-of-type(1){ width:350px; }
	.schoollifeBox03 > div > div:nth-of-type(2){ width:300px; padding:0 1rem; }
	.schoollifeBox03 > div > div:nth-of-type(3){ width:350px; }
	.schoollifeBox03 .PINK{ color: #faaac8;  }
	.schoollifeBox03 .Green{ color: #00a0aa;  }
	.schoollifeBox03 .Cha{ color: #be8c28;  }
	.schoollifeBox03 .Blue{ color: #5ac8e6;  }
	.schoollifeBox03 > div img{ margin:0 auto;  }
	.schoollifeInner{
    position: relative;
    width: 80%;
    padding: 3rem;
    }
    .schoollifeInner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    }

	/*FACILITY*/
	.facilityNavi{ padding-top:3rem; }
	.facilityNavi > a{ display:inline-block; height:3rem; line-height:3rem; width:15rem; padding-left:1rem; margin-right:0.2rem; background-color:#f0f0f6; }
	.facilityNavi > .ON{ border:1px #00325a solid; }
	.facilityTitle{ padding-top:3rem; font-size:1.2rem; color:#00325a; font-weight:bold; }
	.facilityBox{ margin-top:0.2rem; padding:1.4rem; display:flex; flex-wrap:nowrap; background-color:#f0f0f5; }
	.facilityBox:nth-of-type(odd){ background-color:#f0f0f5; }
	.facilityBox > div:nth-of-type(1){ width:250px; }
	.facilityBox > div:nth-of-type(2){ flex:1; padding-left:2rem; }
	.facilityBox > div:nth-of-type(2) > .TLT{ color:#00325a; font-size:1.2rem; font-weight:bold; }
	.facilityBox > div:nth-of-type(2) > .SubTLT{ color:#00325a; }
	.facilityBox > div:nth-of-type(2) > .Cont{ margin-top:0.7rem; }
	.facilityBox02{ padding:2rem 0; display:flex; flex-wrap:nowrap; background-color:#ffffff; border-bottom:1px #ccc solid; }
	.facilityBox02 > div:nth-of-type(1){ width:250px; }
	.facilityBox02 > div:nth-of-type(2){ flex:1; padding-left:2rem; }
	.facilityBox02 > div:nth-of-type(2) > .TLT{ color:#00325a; font-size:1.2rem; font-weight:bold; }
	.facilityBox02 > div:nth-of-type(2) > .SubTLT{ color:#00325a; }
	.facilityBox02 > div:nth-of-type(2) > .Cont{ margin-top:0.7rem; }
	.facilityBox03{ padding:1rem 0; }
	.facilityBox03 > .TLT{ display:block; padding-left:2rem; }
	.facilityBox03 > .TLT:before{ background:url(../img/iconArrow04.svg) 0 0 no-repeat; content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top: 50%; left:0; transform: translate(0,-50%); }
	.ContBtn{ display:block; width:30%; margin-top:0.5rem; background-color:#00325a; color:#fff; padding:0.5rem 0; }
	.ContBtn:hover{ cursor:pointer; opacity:0.7; }
	.ContBtn > a{ display:block; color:#ffffff; line-height:35px; padding-left:3rem; font-weight:bold; }
	.ContBtn > a:before{ background:url(../img/iconArrow01.svg) 0 0 no-repeat; content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }

	.researcherNavi{ width:15rem; margin-left:auto; border:1px #00325a solid; }
	.researcherNavi:before{ content:'▼'; display:block; font-size:1.2rem; color:#00325a; position:absolute; top: 50%; left:0.2rem; transform: translate(0,-50%); pointer-events:none; }
	.researcherNavi > select{ width:100%; height:3rem; padding-left:2rem; }
	.researcherNavi > select:hover{ cursor:pointer; opacity:0.7; }
	.researcherArea{ width:100%; display:flex; flex-wrap:wrap; }
	.researcherBox{ display:block; width:31%; margin:1%; background-color:#00325a; }
	.researcherImg{ display:block; width:100%; height:13rem; overflow:hidden; background-position:center; background-size:cover; }
	.researcherStr{ padding:1rem; }
	.researcherStr > p,.researcherStr > p > span{ color:#ffffff; line-height:120%; }
	.researcherStr > p:nth-of-type(1){ font-size:1.4rem; }
	.researcherStr > p:nth-of-type(1) > span{ display:block; font-size:0.9rem; padding:0.5rem 0; }
	.researcherStr > p:nth-of-type(2){ margin-top:0.5rem; }
	.researcherDetailBackBtn{ display:inline-block; width:10rem; padding:0.2rem 1rem; margin-top:2rem; margin-right:0.5rem; color:#002e5b; background-color:#f0f0f6; }
	.researcherDetailHead{ width:100%; margin-top:3rem; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.researcherDetailHeadImg{ display:block; width:45%; height:20rem; overflow:hidden; background-position:center; background-size:cover; }
	.researcherDetailHead > div:nth-of-type(2){ flex:1; padding-left:2rem; }
	.researcherDetailCat{ background-color:#00325a; }
	.researcherDetailCat > p{ line-height:130%; color:#ffffff; font-size:1.2rem; padding:0.5rem 1rem; }
	.researcherDetailName{ margin-top:1rem; }
	.researcherDetailName > p{ line-height:130%; font-size:2rem; }
	.researcherDetailName > p > span{ display:block; font-size:1rem; padding:0.5rem 0; }
	.researcherDetailInfo{ margin-top:1rem; }
	.researcherThemeHead{ margin-top:5rem; }
	.researcherThemeHead > p{ line-height:130%; font-size:2rem; }
	.researcherTheme{ margin-top:1.4rem; }
	.researcherThemeTitle > p:before{ content:'●'; display:inline-block; font-size:1.2rem; color:#00325a; }
	.researcherAchHead{ margin-top:5rem; }
	.researcherAchHead > p{ line-height:130%; font-size:2rem; }
	.researcherAch{ margin-top:1.4rem; }
	.researcherAchUrl{ margin-top:0.4rem; }
	.researcherAch a{ color:#82beff; }
	.researcherBottomLink{ width:100%; margin-top:5rem; display:flex; flex-wrap:nowrap; justify-content:center; }
	.researcherBottomLink > a{ display:block; position:relative; width:23%; height:4rem; margin:0 0.3rem; color:#ffffff; line-height:4rem; padding-left:3rem; background-color:#00325a; }
	.researcherBottomLink > a:before{ background:url(../img/iconArrow04.svg) 0 0 no-repeat; content:''; display:block; width:1.4rem; height:1.4rem; position:absolute; top: 50%; left:1rem; border:1px #ffffff solid; transform: translate(0,-50%); border-radius:0.7rem; }
	.courseNavi{ padding-top:3rem; }
	.courseNavi > p{ display:inline-block; height:3rem; line-height:3rem; width:15rem; padding-left:0.5rem; margin-top:0.6rem; margin-right:0.2rem; background-color:#f0f0f6; font-size:0.8rem; }
	.courseNavi > p:hover{ cursor:pointer; color:#ffffff; background-color:#00325a; }
	.courseTitle{ padding-top:6rem; }
	.courseTitle > p:nth-of-type(1){ line-height:130%; font-size:2rem; border-bottom:1px #333333 solid; }
	.courseTitle > p:nth-of-type(2){ font-size:0.9rem; padding-top:0.5rem; }
	.courseTitle > p:nth-of-type(2) > span{ color:#00a0aa; }
	.courseHead{ padding-top:2rem; }
	.courseHead > p{ line-height:150%; font-size:1.4rem; }
	.courseHead span{ display:block; line-height:130%; color:#00a0aa; font-size:1rem; }
	.courseBodyWrapper{}
	.courseBody{ width:100%; margin-top:0.4rem; border-collapse:collapse; border:1px #cccccc solid; }
	.courseBody > thead{ background-color:#e5eaee; font-size:0.8rem; }
	.courseBody td{ vertical-align: top; width:20%; padding:0.6rem; border:1px #cccccc solid; }
	.courseBody p{ line-height:150%; }
	.courseTitleT2Spacer{ height:6rem; }
	.courseTitleT2{ padding-top:4rem; }
	.courseTitleT2 > p{ line-height:130%; font-size:1.4rem; border-bottom:1px #cccccc solid; }
	.courseTitleT2str, .courseTitleT2str2Line{ padding:0.5rem 0; border-bottom:1px #cccccc solid; }
	.courseTitleT2str > a, .courseTitleT2str2Line > a{ display:block; position:relative; padding-left:1.3rem; }
	.courseTitleT2str > a:before, .courseTitleT2str2Line > a:before{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 50%; left:0; transform: translate(0,-50%); }
	.courseRenkeiBox { padding-bottom:0.5rem; }
	.RenkeiSpace { margin-top:0.5rem; }
	.courseRenkeiBox label  > .No > p{ display:block; font-size:1rem; padding-left:1.5rem; }
	.courseRenkeiBox label  > .No > p:before{ background:url(../img/iconArrow03.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 50%; left:0; transform: translate(0,-50%); }
    .courseRenkeiBox input { display: none; }
    .courseRenkeiBox .accshow { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.3s; }
    .cssacc:checked + .accshow {
    height: auto;
    padding: 0.5rem 1.5rem;
    opacity: 1;
    background-color:#f0f0f6; 
    }
    .courseRenkeiBox .cssacc:checked + .accshow > p{ padding-bottom:0.5rem; }
    .courseRenkeiBox .cssacc:checked + .accshow > p > a{ display:inline-block; padding:0.1rem 0; padding-left:2.5rem; position:relative;  }
    .courseRenkeiBox .cssacc:checked + .accshow > p > a:before{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }


	/*prospective*/
	.prospectiveTitle{ font-size:1.8rem; line-height:180%; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
	.prospectiveBox01{ display:flex; flex-wrap:nowrap; margin-top:3rem; }
	.prospectiveBox01 > div:nth-of-type(1){ width:220px; margin-right:2rem;  }
	.prospectiveBox01 > div:nth-of-type(1) > p{ line-height:130%; margin-top:0.5rem; }
	.prospectiveBox01 > div:nth-of-type(2){ width:780px; }
	.prospectiveBox01 > div:nth-of-type(2) > p:nth-of-type(2){ margin-top:1rem;  }
	.guideBox01{ display:flex; flex-wrap:nowrap; margin-top:3em;  }
	.guideBox01 > div:nth-of-type(1){ width:60%; }
	.guideBox01 > div:nth-of-type(2){ width:40%; text-align:right; }
	.guideBox01 > div:nth-of-type(1){ padding-right:2rem; }
	.prospectiveBtn{ display:block; margin-top:0.5rem; background-color:#00325a; color:#fff; padding:0.5rem 0; }
	.prospectiveBtn:hover{ cursor:pointer; opacity:0.7; }
	.prospectiveBtnWid{ width:62%; }
	.prospectiveBtn > a{ display:block; color:#ffffff; /*line-height:35px;*/ padding:0.4rem 0; padding-left:3rem; font-weight:bold; }
	.prospectiveBtn > a:before{ background:url(../img/iconArrow01.svg) 0 0 no-repeat; content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }
	.prospectiveBtn > a.newWin:after{ content:url('../img/iconNewWinW.svg'); display:inline-block; width:1.2rem; height:1.2rem; padding-left:0.3rem; }
	.prospectiveBtn2{ color:#00325a; line-height:35px; font-weight:bold; }
	.prospectiveBtn2:after{ content:url('../img/iconNewWinB.svg'); display:inline-block; width:1.2rem; height:1.2rem; padding-left:0.3rem; }
	.guideBox02{ margin-top:3rem; margin-bottom:0.5rem; vertical-align:top; }
	.guideBox02 > .Title{ font-size:1.5rem; line-height:150%; border-bottom:1px #ccc solid; margin-bottom:1rem; }
	.curriculumBox01{ margin-top:3em;  }
	.faqBox01{ display:flex; flex-wrap:nowrap; padding:0 0.5rem; }
	.faqBox01 > p:nth-of-type(1){ width:5%; }
	.faqBox01 > p:nth-of-type(2){ width:95%; }
	.faqBox01BG{ background-color:#f0f0f6; padding:0.5rem; margin-top:1em; }
	.issueBox02{ background-color:#f0f0f6;  padding:1rem; }
	.tbl-r05 { margin-top:1rem; margin-bottom:1rem; border-collapse: collapse; }
	.tbl-r05 .thead th { width:33%; border-top:1px #ccc solid; border-bottom:1px #ccc solid; border-right:1px #ccc solid; padding:1rem; }
	.tbl-r05 .thead th:last-child { border-right:none; }
	.tbl-r05 tr { }
	.tbl-r05 td { border-bottom:1px #ccc solid; border-right:1px #ccc solid; }
	.tbl-r05 td:last-child { border-right:none; }
	.tbl-r05 td:first-child { background: #f0f0f6; padding:1rem; font-weight: bold;  }
	.tbl-r05 td:nth-of-type(2), .tbl-r05 td:nth-of-type(3)  { padding:1rem; }
	.tbl-r05 td:nth-of-type(2) > span, .tbl-r05 td:nth-of-type(3) > span  { }
	.tbl-r05  tr.Last td:first-child { background: #fff; }
	.tbl-r05  tr.Last td:first-child { display:flex; flex-wrap:nowrap;  }
	.tbl-r05  tr.Last td:first-child > span  { }


	/*MOVIE*/
	.movieTitle{ padding-top:3rem; font-size:1.5rem; color:#00325a; font-weight:bold; }
	.movieBox01{ display:flex; flex-wrap:nowrap; margin-top:1rem; padding:1.5rem; background-color:#f0f0f5; }
	.movieBox01 > div:nth-of-type(1){ width:70px; }
	.movieBox01 > div:nth-of-type(2){ padding-left:2rem;  }
	.movieBox02{ display:flex; flex-wrap:nowrap; }
	.movieBox02 > div{ width:30%; margin-top:0.5rem; margin-right:1rem; margin-bottom:1rem; }
	.movieBox02 > div > a > img{ border:1px #ccc solid; }
	.movieBox02 > div > a > p{ display:block; padding-top:0.3rem; padding-left:2rem; position:relative; font-weight:bold; line-height:150%; }
	.movieBox02 > div > a > p:before{ background:url(../../img/movie_icon02.svg) 0 0 no-repeat; content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top:0.2rem; left:0; }
	.youtube{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    }
    .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    }

	/*ACCESS*/
	.accessTitle{ padding-top:3rem; font-size:1.5rem; color:#00325a; font-weight:bold; }
	.accessBox01{ width:80%; padding-top:2rem; }
	.accessBox02{ padding-top:2rem; }
	.accessBox03{ margin-top:1rem; padding:1.5rem; background-color:#f0f0f5; }
	.accessBox03 p { padding-left:1em; text-indent:-1em; }

	/*INFO*/
	.infoTitle{ padding-top:3rem; font-size:1.5rem; color:#00325a; font-weight:bold; }
	.infoBox{ padding-top:1rem; }
	.infoBtn{ display:block; width:60%; margin-top:0.5rem; background-color:#00325a; color:#fff; padding:0.5rem 0; }
	.infoBtn:hover{ cursor:pointer; opacity:0.7; }
	.infoBtn > a{ display:block; color:#ffffff; line-height:35px; padding-left:3rem; font-weight:bold; }
	.infoBtn > a:before{ background:url(../img/iconArrow01.svg) 0 0 no-repeat; content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }

	/*POLICY*/
	.policyTitle{ padding-top:3rem; font-size:1.5rem; color:#00325a; font-weight:bold; }
	.policyBox{ padding-top:1rem; }
	.policyBox > span{ padding-bottom:1rem; }




	/*researchNews*/
	.rnHeadInfo{ margin-top:2rem; }
	.rnYearSelecter{ margin-top:2rem; display:flex; flex-wrap:wrap; }
	.rnYearSelectBtn{ display:inline-block; padding:0.2rem 1rem; margin-right:0.5rem; color:#000000; background-color:#f0f0f6; }
	.rnYearSelectBtn.now, .rnYearSelectBtn:hover{ cursor:pointer; color:#f0f0f6; background-color:#002e5b; }
	.rnThisYear{ margin-top:2rem; border-bottom:1px #cccccc solid; }
	.rnThisYear > p{ font-size:1.6rem; }
	.rnListArea{ width:100%; display:flex; flex-wrap:wrap; overflow-wrap: break-word; }
	.rnList{ width:32%; margin-top:2rem; }
	.rnList:nth-of-type(3n-1){ margin-left:2%; margin-right:2%; }


	.rnListImg{ width:310px; height:192px; background-position:center; background-size:contain; }
	.rnListImg:hover{ cursor:pointer; opacity:0.7; }
	.rnListTitle{ padding-left:1.3rem; }
	.rnListTitle:before{ content:url('../../img/pickUpTitle.svg'); display:block; width:0.6rem; position:absolute; top:0.3rem; left:0; }
	.rnListTitle > p:nth-of-type(1){ width:100%; margin-top:0.3rem; }
	.rnListTitle > p:nth-of-type(2){ width:100%; color:#b2b2b2; font-weight:bold; font-size:0.7rem; }
	.rnListTitle > p:nth-of-type(3){ width:100%; font-size:0.9rem; }
	.rnDetailBackBtn{ display:inline-block; width:10rem; padding:0.2rem 1rem; margin-top:2rem; margin-right:0.5rem; color:#002e5b; background-color:#f0f0f6; }
	.rnDetailHeadInfo{ margin-top:2rem; }
	.rnDetailHeadInfo > p{ line-height:140%; color:#00325a; }
	.rnDate{ height:1.8rem; color:#333333; }
	.rnDetailArea{ margin-top:1rem; padding-bottom:2rem; background-color:#f2f1f6; }
	.rnDetailTitle{ width:100%; display:flex; flex-wrap:nowrap; }
	.rnDetailTitle > div:nth-of-type(1){ width:680px; padding:0 2rem; padding-top:2rem; overflow-wrap: break-word; word-break: break-all; }
	.rnDetailTitle > div:nth-of-type(1) > p{ font-size:1.3rem; line-height:170%; font-weight:bold; position:absolute; top:2rem; padding-right:2rem;  }
	.rnDetailTitle > div:nth-of-type(2){ width:530px; height:270px; background-position:top right; background-size:contain; }
	.rnDetailMemo{ padding:1rem 2rem; }
	.rnDetailImg{ padding:0 2rem; display:flex; flex-wrap:wrap; margin-top:3rem; }
	.rnDetailImg > div{ width:31%; margin:1%; }
	.rnDetailImg > div > a{ display:block; width:100%; position:relative; overflow:hidden; background-position:center; background-size:contain; background-color:#f0f0f6; }
	.rnDetailImg > div > a:before{ content:''; display:block; padding-top:75%; }
	.rnDetailFileList{ padding:0 2rem; margin-top:2rem; }
	.rnDetailFileList > a{ display:block; width:100%; padding:0.5rem 3rem; margin-top:0.5rem; position:relative; background-color:#ffffff; }
	.rnDetailFileList > a:before{ background:url(../img/iconArrow04.svg) 0 0 no-repeat; content:''; display:block; width:1.2rem; height:1.2rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }
	.rnDetailFileList > a.url:after{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1.2rem; height:1.2rem; position:absolute; top: 50%; right:1rem; transform: translate(0,-50%); }

	/*NEWS*/
	.newsYearSelecter{ margin-top:3rem; display:flex; flex-wrap:wrap; }
	.newsYearSelectBtn{ display:inline-block; padding:0.2rem 1rem; margin-right:0.5rem; color:#002e5b; background-color:#f0f0f6; }
	.newsYearSelectBtn.now, .newsYearSelectBtn:hover{ cursor:pointer; color:#f0f0f6; background-color:#002e5b; }
	.newsCatBtnArea{ margin-top:3rem; display:flex; flex-wrap:wrap; }
	.newsCatBtn{ width:8rem; height:1.8rem; line-height:1.8rem; font-size:0.8rem; text-align:center; padding:0 1rem; margin-bottom:1rem; margin-right:0.3rem; color:#002e5b; border:1px #002e5b solid; border-radius:0.9rem; }
	.newsCatBtn:hover{ cursor:pointer; opacity:0.7; }
	.newsCatBtn.now{ color:#ffffff; background-color:#002e5b; }

	.newsDetailBackBtn{ display:inline-block; width:10rem; padding:0.2rem 1rem; margin-top:3rem; margin-right:0.5rem; background-color:#f0f0f6; }
	.newsDetailHeadInfo{ display:flex; flex-wrap:nowrap; margin-top:4rem; }
	.newsDetailDate{ height:1.8rem; line-height:1.8rem; width:8rem; }
	.newsDetailTitle{ margin-top:1rem; background-color:#f2f1f6; }
	.newsDetailTitle > p{ font-size:1.4rem; font-weight:bold; padding:1.5rem 1rem; }
	.newsDetailBody{ margin-top:1rem; }
	.newsDetailImg{ display:flex; flex-wrap:wrap; margin-top:3rem; }

	.newsDetailImg > div{ width:31%; margin:1%; }
	.newsDetailImg > div > a{ display:block; width:100%; position:relative; overflow:hidden; background-position:center; background-size:contain; }
	.newsDetailImg > div > a:before{ content:''; display:block; padding-top:75%; }

	.newsDetailFileList{ margin-top:2rem; }
	.newsDetailFileList > a{ display:block; width:100%; padding:1rem 3rem; margin-top:0.5rem; position:relative; background-color:#eeeeee; }
	.newsDetailFileList > a:before{ background:url(../img/iconArrow04.svg) 0 0 no-repeat; content:''; display:block; width:1.2rem; height:1.2rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }
	
	.newsDetailFileList > a.url:after{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1.2rem; height:1.2rem; position:absolute; top: 50%; right:1rem; transform: translate(0,-50%); }
	.homeNewsGoList{ margin-top:2rem; }
	.homeNewsGoList > a{ display:block; width:8rem; height:1.8rem; line-height:1.8rem; font-size:0.8rem; text-align:center; padding:0 1rem; color:#ffffff; background-color:#002e5b; border-radius:0.9rem; }



	/*HOME*/
	.homeMainVisualArea{ width:100%; height:610px; overflow:hidden; }
	.slick-track, .slick-slide{ width:100%; height:100%; }
	.homeMainVisualFadeArea{ width:100%; height:100%; }
	.homeMainVisualFadeArea > div{ display:block; width:100%; height:100%; position:relative; }
	.src1{ background-image:url(../../img/homeMainImg01.jpg); background-position:center; background-size:cover; }
	.src2{ background-image:url(../../img/homeMainImg02.jpg); background-position:center; background-size:cover; }
	.src3{ background-image:url(../../img/homeMainImg03.jpg); background-position:center; background-size:cover; }
	.src4{ background-image:url(../../img/homeMainImg04.jpg); background-position:center; background-size:cover; }
	.src5{ background-image:url(../../img/homeMainImg05.jpg); background-position:center; background-size:cover; }
	.src1 > a{ display:block; width:100%; height:100%; position:absolute; top: 0; left:0; }
	.homeMainImgMasc{ width:100%; position:absolute; left:0; bottom:0; }
	.homeMainImgTitle01{ position:absolute; top:3rem; left:4rem; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; text-shadow: 1px 2px 3px #808080; font-size:2rem; text-align:left; z-index:888; color:#ffffff; }
	.homeMainImgTitle{   position:absolute; top:3rem; left:4rem; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; text-shadow: 1px 2px 3px #808080; font-size:2rem; text-align:left; z-index:888; }
	.homeFlashArea{ width:500px; position:fixed; top:10rem; right:-0; z-index:998; }
	.homeFlashBtn{ cursor:pointer; float:left; width:60px; height:auto; background-color:#91002c; padding:1rem; }
	.homeFlashBtnSp{ display:none; }
	.homeFlashBody{ float:left; width:440px; min-height:250px; padding:1rem; background-color:#ffffff; border:2px #91002c solid; }
	.homeBody{ width:100%; display:flex; flex-wrap:nowrap; }
	.homeNewsArea{ flex:1; padding-right:2rem; }
	.homeNewsTitle{ width:150px; }
	.homeNewsCatBtnArea{ margin-top:1rem; display:flex; flex-wrap:nowrap; justify-content: space-between; }
	.homeNewsCatBtn{ width:100%; height:1.8rem; line-height:1.8rem; font-size:0.8rem; text-align:center; padding:0 1rem; margin-right:0.3rem; background-color:#f0f0f6; }
	.homeNewsCatBtn:hover{ cursor:pointer; opacity:0.7; }
	.homeNewsCatBtn.now{ color:#ffffff; background-color:#002e5b; }
	.homeNewsDataArea{ width:100%; margin-top:1rem; border-top:1px #cccccc solid; }
	.newsContents{ padding:1rem 0; border-bottom:1px #cccccc solid; }
	.newsContents.alert{ background-color:#fcf2f4; }
	.newsHead{ display:flex; flex-wrap:nowrap; }
	.newsDate{ width:6rem; line-height:1.5rem; font-weight:bold; font-size:0.8rem; }
	.newsCategory{ width:6rem; height:1.5rem; line-height:1.5rem; font-size:0.8rem; padding-left:0.6rem; margin-right:0.5rem; border:1px #888 solid; border-radius:0.8rem; }
	.newsCategory.alert{ color:#a90029; border:1px #a90029 solid; }
	.newsBody{ padding-top:1rem; }
	.homePickUpArea{ width:260px; padding-top:2rem; }
	.homePickUpMainTitle{ width:80%; padding:0 0.5rem; margin:auto; position:absolute; top:-2rem; left:0; right:0; background-color:#ffffff; }
	.homePickUpBody{ padding:15px; border:1px #b2b2b2 solid; }
	.homePickUpBodyTitle{ text-align:center; margin-bottom:1rem; padding-top:1rem; font-size:1.2rem; font-weight:bold; }
	.homePickUp{ margin:0 0.5rem; margin-bottom:1rem; }
	.homePickUpImg{ width:100%; height:130px; background-position:center; background-size:contain; }
	.homePickUpTitle{ padding-left:1.3rem; }
	.homePickUpTitle:before{ content:url('../../img/pickUpTitle.svg'); display:block; width:0.6rem; position:absolute; top:0.3rem; left:0; }
	.homePickUpTitle > p:nth-of-type(1){ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:0.3rem; }
	.homePickUpTitle > p:nth-of-type(2){ width:100%; color:#b2b2b2; font-weight:bold; font-size:0.7rem; }
	.homePickUpBodyLink{ margin-top:-2rem; margin-bottom:3rem;  }
	.homePickUpBodyLink:hover{ cursor:pointer; opacity:0.7; }

	/*HEADER*/
	.header{ width:100%; position:fixed; top:0; left:0; z-index:9999; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2); }
	.headerDummy{ width:100%; height:110px; }
	.headerBody{ width:100%; height:110px; background-color:#ffffff; }
	.headerLogo{ width:450px; top: 1.5rem; left:2rem; z-index:9999; }
	.headerSelectLng{ position:absolute; top:0.8rem; right:2rem; }
	.headerSelectLng > a{ display:inline-block; padding:0.2rem; padding-bottom:0; margin-right:0.5rem; text-decoration:none; color:#b4b4b4; font-size:1rem; font-family:'Roboto Condensed',sans-serif; font-weight:700; }
	.headerSelectLng > a.nowLng, .headerSelectLng > a:hover{ color:#002e5b; border-bottom:2px #002e5b solid; }
	.headerMenu{ display:flex; flex-wrap:nowrap; position:absolute; bottom:0; right:2rem; margin-top:5rem; }
	.headerMenuBtn{ padding:0.6rem 1rem; display:flex; flex-wrap:nowrap; align-items:center; text-decoration:none; }
	.headerMenuBtn > img{ width:2rem; }
	.headerMenuBtn > p{ font-size:0.8rem; line-height:140%; padding-left:0.8rem; font-weight:bold; }
	.headerMenuBtn > p > span{ display:block; font-size:0.8rem; line-height:130%; font-weight:bold; }
	.headerMenuBtn.nowPage, .headerMenuBtn:hover{ cursor:pointer; background-color:#e2f2ff; }
	.headerSubBodyArea{ display:none; width:100%; height:20rem; position:absolute; top:110px; left:0; background-color:#002e5b; }
	.headerSubBody{ width:1000px; margin:auto; display:flex; flex-wrap:nowrap; padding:2rem 0; }
	.headerSubBodyImg{ width:330px; height:180px; background-position:center; background-size:cover; }
	.headerSubBodyImg > p{ font-size:1.3rem; color:#ffffff; line-height:150%; padding-left:1.4rem; padding-top:1.4rem; font-weight:bold; }
	.headerSubBodyImg > p > span{ display:block; color:#ffffff; line-height:130%; font-weight:bold; }
	.headerSubBodyLinks{ flex:1; padding-left:2rem; display:flex; flex-wrap:nowrap; }
	.headerSubBodyLinks > p{ width:600px; padding:0; }
	.headerSubBodyLinks > p > a{ display:block; padding-bottom:0.5rem; line-height:180%; color:#ffffff; text-decoration:none; }
	.headerSubBodyLinks > p > span{ display:block; padding-bottom:0.5rem; line-height:180%; color:#ffffff; text-decoration:none; }
	.headerSubBodyLinks > p > a.newWin:after{ content:url('../img/iconNewWinW.svg'); display:inline-block; width:1.2rem; height:1.2rem; padding-left:0.2rem; }
	
	/*FOOTER*/
	.btnPgTopArea{ clear:both; width:100%; padding-top:5rem; padding-bottom:1rem; }
	.btnPgTop{ width:3rem; height:3rem; margin:auto; position:fixed; right:1.5rem; bottom:1.5rem; transition:1s; z-index: 10000;}
	.btnPgTop:hover{ cursor:pointer; opacity:0.7; }
	.footer{ width:100%; background-color:#2f2f2f; }
	.footerBanner{ width:100%; padding:2rem 0; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; background-color:#f0f0f6; }
	.footerBanner > a{ width:180px; display:block; margin:0 0.2rem; }
	.footerMenu1Body{ width:1000px; margin:auto; display:flex; flex-wrap:nowrap; padding-top:3rem; }
	.footerMenu{ width:30%; }
	.footerMenuTitle{ position:relative; color:#ffffff; font-weight:bold; padding-bottom:0.4rem; text-align:center; }
	.footerMenuTitle > span{ font-size:0.8rem; color:#ffffff; }
	.footerMenuTitle:after{ content:''; display:block; width:90%; height:2px; position:absolute; bottom:0; background-color:#82beff; }
	.footerMenuArea{ margin-top:0.5rem; }
	.footerMenuArea > a{ display:block; padding:0.4rem 0; color:#ffffff; text-decoration:none; font-size:0.8rem; }
	.footerMenuArea > a.newWin:after{ content:url('../img/iconNewWinW.svg'); display:inline-block; width:1.2rem; height:1.2rem; padding-left:0.3rem; }
	.footerMenuArea > p{ display:block; padding:0.4rem 0; color:#ffffff; text-decoration:none; font-size:0.8rem; }
	.footerMenu2Body{ width:800px; margin:auto; display:flex; flex-wrap:nowrap; color:#ffffff; padding-top:2rem; text-align:center; }
	.footerMenu2Body > a{ width:100%; display:block; margin:0 0.2rem; color:#ffffff; text-decoration:none; background-color:#4d4d4d; padding:1rem; font-weight:bold; }
	.footerTitle{ width:1000px; margin:auto; margin-top:2rem; padding-top:1rem; padding-bottom:2rem; display:flex; flex-wrap:nowrap; justify-content:space-between; border-top:1px #ffffff solid; }
	.footerTitle > div:nth-of-type(1){ width:550px; }
	.footerTitle > div:nth-of-type(1)> p{ color:#ffffff; }
	.footerBottomBanner{ width:27%; display:flex; flex-wrap:nowrap; }
	.footerBottomBanner > div:nth-of-type(1){ width:120px; margin: 0 0 0 auto; }
	.footerBottomBanner > div:nth-of-type(2){ width:120px; margin: 0 0 0 auto; }
	.footerCopyright{ width:1000px; margin:auto; color:#ffffff; font-size:0.7rem; padding-bottom:2rem; }
}