@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; }
.f100{ font-size:1rem; }
.f130{ font-size:1.3rem; line-height:170%; }
.f200{ font-size:2rem; line-height:170%; }
.cWhite{ color:#ffffff; }
.cRed{ color:#5a0000; }
.cBlue{ color:#00325a; }
.cGreen{ color:#284600; }
.cBrown{ color:#463200; }
.cBlue02{ color:#6cabd9; }
.cRed02{ color:#ca0000; }
.cPink{ color:#ffd859; }


/*===================================================================
 SP
===================================================================*/
@media( max-width:799px )
{
	.sp{ display:block; }
	.pc{ display:none !important; }
	/* COMMON */
	html{ font-size:100%; }
	body{ background-color:#e6f4ff; font-size:0.9rem; }
	.mainContentsArea{}
	.pageContentsArea{ width:90%; margin:auto; padding-top:1rem; }
	.pageMainVisualArea{ width:100%; height:40vh; overflow:hidden; background-position:center; background:url(../img/imgBG.jpg) ; background-size: 120px; background-repeat: repeat; }
	.pageMainImgTitle{ width:90%; margin:auto; position:absolute; top: 50%; right:0; left:0; transform: translate(0,-50%); z-index:888; }
	.pageMainTitleBox{ width:100%; height:100px; overflow:hidden; background-color:#00325a;  }
	.pageMainTitle_Ineter{ margin:auto; position:absolute; top: 50%; right:0; left:0; transform: translate(0,-50%); }
	.pageMainTitle_Ineter{ text-align:center; }
	.pageMainTitle_Ineter > p{ display:inline-block; font-size:1.5rem; font-weight:bold; color:#fff; padding-left:3rem;  }
	.pageMainTitle_Ineter:before{ content:url('../../img/home_icon03W.svg'); display:inline-block; width:2rem; height:2rem; position:absolute; top:0.5rem; }
	.pageMainTitle_Oc{ margin:auto; position:absolute; top: 50%; right:0; left:0; transform: translate(0,-50%); }
	.pageMainTitle_Oc{ text-align:center; }
	.pageMainTitle_Oc > p{ display:inline-block; font-size:1.5rem; font-weight:bold; color:#fff; padding-left:3rem;  }
	.pageMainTitle_Oc:before{ content:url('../../img/home_icon02W.svg'); display:inline-block; width:2rem; height:2rem; position:absolute; top:0.5rem; }
	.BackBTN > a { display:block; width:90%; margin:auto; padding:1rem 0; font-size:0.8rem;  font-weight:bold; margin-top:3rem;  }
	.pageMainTitle_faq{ margin:auto; position:absolute; top: 50%; right:0; left:0; transform: translate(0,-50%); }
	.pageMainTitle_faq{ text-align:center; }
	.pageMainTitle_faq > p{ display:inline-block; font-size:1.5rem; font-weight:bold; color:#fff; padding-left:3rem;  }
	.pageMainTitle_faq:before{ content:url('../../img/home_icon05W.svg'); display:inline-block; width:2rem; height:2rem; position:absolute; top:0.5rem; }
	.faqLinkBox{ padding:0 0.5rem;  background-color:#FFFF66; }


	/*EVENT*/
	.ocBox00{ width:90%; margin:auto; background-color:#fff; padding:1rem; margin-top:4rem; }
	.ocBox01{  }
	.ocBox01 > div:nth-of-type(1){ width:95%; margin-top:-5rem; }
	.ocBox01 > div:nth-of-type(2){ margin-top:1rem; }
	.ocBox01 > div:nth-of-type(2) > .ocTLT{ font-size:1.3rem; font-weight:bold; }
	.ocBox01 > div:nth-of-type(2) > .ocTLT02{ font-size:2rem; font-weight:bold; line-height:150%; color:#00325a; }
	.ocBox02{ margin-top:1rem; }
	.ocBox02 > div:nth-of-type(1){  }
	.ocBox02 > div:nth-of-type(2){ margin-top:0.5rem; }
	.ocBox03{ margin:1rem 0; padding:1rem; background-color:#eeeeee; border-radius:1rem; }
	.ocBox04{ margin:1rem 0; }
	.ocBox05{ margin-top:3rem; padding:1rem; border:4px #00325a solid; border-radius:1rem; }
	.ocBox05 > img{ margin:1rem auto;  }
	.ocBox05 > div{ margin-top:2rem; text-align:center; }
	.ocBox05 > div > a{ display:block; padding:0 0.5rem; font-size:0.8rem; margin-top:1rem; }
	.ocBox05 > div > a > img{ padding-bottom:0.5rem; }
	
	.ocBox06{ margin-top:1rem; }
	.ocBox07{ width:100%; margin:auto; padding:1rem; margin-top:2rem; border:4px #96e092 solid; border-radius:1rem; background-color:#edfae5; position:relative; margin-top:3rem; display:flex; flex-direction: column; text-align:center; }
	.ocBox07 > p{ order: 2; line-height:150%; }
	.ocBox07 > img{ width:50%; margin:auto; margin-top:-3rem; margin-bottom:0.5rem; order: 1; }
	.ocBox08{ margin-top:1rem; text-align:center; }
	.ocBox08 > p > span:nth-of-type(1){ font-size:1.5rem; font-weight:bold; }
	.ocBox08 > img{ width:100%; margin:auto; margin-top:0.5rem; margin-bottom:2em; }
	.ocBox09{ width:100%; margin:auto; margin-top:1rem; }
	.ocBox09 > div:nth-of-type(1){ width:35%; margin:auto; z-index:8888; }
	.ocBox09 > div:nth-of-type(2){ width:100%; margin-top:-1.5rem; padding:1rem; padding-top:2rem; background-color:#edfae5; }
	.ocBox09 > div:nth-of-type(2) > div{ width:100%; margin-top:0.5rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG01 > img{ width:100%; margin-top:0.5rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG02 > div{ width:100%;  }
	.ocBox09 > div:nth-of-type(2) > .IMG02 > div{ margin-bottom:1rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG02 > div > p > span{ display:inline-block; line-height:150%; margin-top:0.2rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG02 > div > p > a{ color:#00a7db; }
	.ocBox09 > div:nth-of-type(2) > .IMG03 > div{ width:100%; margin-bottom:1rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG03 > div > p{ margin-top:0.5rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG03 > div > p > span{ display:inline-block; line-height:150%; margin-top:0.2rem; margin-bottom:0.5rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG03 > div > p > a{ color:#00a7db; }
	.ocBox09 .ocBox09TxT{ }
	.ocBox09 .ocBox09TLT{ padding:0.5rem 1rem; margin-top:1rem; background-color:#96e092; font-weight:bold; text-align:center; border-radius:2rem; }
	.ocBox10{ margin-top:1rem; }
	.ocBox10 span.cPink{ color:#96e092; }
	.ocBox11{ background-color:#f9f2f4; border-top:3px #91002c solid; padding:1rem; }
	.ocBox11 > p:nth-of-type(1){ color:#91002c; text-align:center; font-weight:bold; font-size:1.1rem; }
	.ocBox11 > div:nth-of-type(1){ }
	.ocBox11 > div:nth-of-type(1) > div{ width:100%; margin-top:1rem; border:2px #91002c solid; padding:1rem; }
	.ocBox11 > div:nth-of-type(1) > div > img{ width:75%; margin:auto; margin-bottom:1rem; }
	.ocBox11 > div:nth-of-type(1) > div > p{ line-height:150%; font-weight:bold; }
	.ocBoxLNK02{ display:block; margin-top:1rem; padding:1.3rem; background-color:#edfae5; border:4px #96e092 solid; border-radius:1rem; text-align:center; font-weight:bold; font-size:1.3rem; }
	.ocBoxLNK03{ display:block; padding:0.5rem 1rem; background-color:#edfae5; margin-top:0.5rem; }
	.ocfaqBox{ display:block; margin-top:0.5rem; padding:0.5rem; background-color:#edfae5; }
	.ocfaqBox:nth-of-type(1){ margin-top:1rem; }
	.ocfaqBoxQ{ width:100%; display:flex; font-weight: bold; }
	.ocfaqBoxQ:before{ background:url(../img/iconArrow03.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 0.4rem; left:0; }
	.ocfaqBoxQ > p:nth-of-type(1){ width:3.5rem; padding-left:1.5rem; font-weight: bold; }
	.ocfaqBoxQ > p:nth-of-type(2){ flex:1; font-weight: bold; }
	.ocfaqBoxA{ display:none; width:100%; margin-top:1rem; padding:0.5rem; background-color:#ffffff; }
	.ocBoxTLT{ padding:0.5rem 1rem; margin-top:1rem; background-color:#96e092; font-weight:bold; text-align:center; }
	.ocBoxLNK{ display:block; margin:1rem 0; padding:1rem; background-color:#00325a; color:#fff; border-radius:1rem; }
	.laboBox01{ margin-top:2rem; }
	.laboBox01 > p{ width:100%; height:3rem; line-height:3rem; background-color:#00325a; color:#fff; text-align:center; }
	.laboBox01 > div{ width:100%; padding-top:1rem; }
	.laboBox01 > div > .IMG{ width:80%; padding-bottom:0.5rem; }
	.laboBoxLNK{ display:block; margin:1rem 0; padding:1rem; background-color:#00325a; color:#fff; border-radius:1rem; font-weight:bold; }
	.laboBox02{ margin-top:20px; padding:15px; border:2px #00325a solid;  }
	.laboBox02 > p:nth-of-type(1){ font-weight:bold; color:#00325a;  }
	.laboBox02 > p:nth-of-type(2){ font-weight:bold; color:#00325a; }
	.LaboBox03{ margin-top:2rem; padding-bottom:2rem; border-bottom:1px #888 solid;  }
	.LaboBox03 > p{ width:40%; margin:auto; }
	.LaboBox03 > div{  }
	.LaboBox03_Cont{ margin-top:1rem; }
	.LaboBox03_Cont > div:nth-of-type(1){ font-weight:bold; display:flex; }
	.LaboBox03_Cont > div:nth-of-type(1) > p:nth-of-type(2) { font-weight:bold; color:#00325a; font-size:1.3rem; line-height:200%; padding-left:1rem;  line-height:120%; }
	.LaboBox03_Cont > div:nth-of-type(1) > p:nth-of-type(2) > span{ font-weight:bold; font-size:0.8rem; padding-top:1rem; }
	.LaboBox03_Cont > div:nth-of-type(2){ margin-top:1rem;  }
	.LaboBox03_Cont > div:nth-of-type(2) > a{ display:block; color:#00325a; font-weight:bold; margin-top:1rem; }
	.LaboBoxIMG{ margin-top:1rem; margin-bottom:3rem; }
	.LaboBoxTLT{ padding:0.5rem 1rem; border-left:8px #00325a solid; margin-top:2rem; background-color:#eeeeee; font-weight:bold; }

	/*INTERVEW*/
	.interviewBox00{ width:90%; margin:auto; background-color:#fff; padding:1rem; }
	.interviewBox01{ width:90%; margin:auto; margin-top:1rem; }
	.interviewBox01 div:nth-of-type(1){  }
	.interviewBox01 div:nth-of-type(2){ padding:1rem; background-color:#fff; }    
	.interviewBox01 .txtRight{  }   
	.interviewBox01 .interviewCopy{ font-size:1.5rem; line-height:160%; font-weight:bold; font-family:"MS Mincho","MS PMincho","Yu Mincho","Hiragino Mincho Pro","Times New Roman",serif; }
	.interviewBox01 .Name1{ line-height:200%; color:#000000; padding-top:10px; }
	.interviewBox01 .Name2{ font-size:1.3rem; color:#000000; }
	.interviewBox01 .Name2 > span{ font-size:0.8rem; color:#000000; }
	.interviewBox02{ width:90%; margin:auto; background-color:#00325a; text-align:right; padding:1rem; font-size:0.8rem; color:#fff; }
	.interviewBox03{ }
	.interviewBox03 > div:nth-of-type(1){  }
	.interviewBox03 > div:nth-of-type(2){ margin-top:1rem; }
	.interviewTLT{ font-weight:bold; color:#00325a; }
	.interviewTLT02{ font-weight:bold; line-height:150%; font-size:1.4rem; padding-top:1rem; padding-bottom:0.5rem; }
	.interviewBox04{  }
	.interviewBox04 > img{ margin-top:1rem;  }
	.interviewBox05{ display:flex; flex-direction: column; }
	.interviewBox05 > div:nth-of-type(1){ order: 2; margin-top:1rem; }
	.interviewBox05 > div:nth-of-type(2){ order: 1; }
	.interviewColumn{ background-color:#e5f1f8; border-radius:2rem; margin-top:5rem; padding:1rem;  }
	.interviewColumn > img{ margin:auto; margin-top:-5rem; }
	.interviewColumn > p{ width:90%; margin:auto; margin-top:1rem; }
	.interviewColumn2{ background-color:#e5f1f8; border-radius:2rem; margin-top:5rem; padding:1rem;  }
	.interviewColumn2 > img{ margin:auto; margin-top:-2rem; }
	.interviewColumn2 > p{ width:90%; margin:auto; margin-top:1rem; }
	.interviewBox06{ margin-top:3rem; padding-top:2rem; border-top:1px #00325a solid; }
	.interviewBox06 > p{ font-weight:bold;  text-align:center; }
	.interviewBox06 > div{ display:flex; flex-wrap: wrap; width:100%; margin:auto;  }
	.interviewBox06 > div > a{ display:block; width:46%; margin:0.3rem; }
	.interviewSpace{ clear:both; width:100%; margin:auto; }
	.GinterviewBox01{ width:90%; margin:0 auto; padding:1rem; background-color:#fff; }
	.GinterviewBox01 > div:nth-of-type(1){ width:70%; margin:0 auto;  }    
	.GinterviewBox01 > div:nth-of-type(2){ margin-top:1rem; }    
	.GinterviewBox01 .txtRight{ }   
	.GinterviewBox01 .interviewCopy{ font-size:1.5rem; line-height:160%; font-weight:bold; font-family:"MS Mincho","MS PMincho","Yu Mincho","Hiragino Mincho Pro","Times New Roman",serif; }
	.GinterviewBox01 .Name{ font-size:18px; color:#000000; }
	.GinterviewBox01 .Name > span{ font-size:14px; color:#000000; }
	.GinterviewBox02{ width:90%; margin:0 auto; background-color:#ffffff; padding:0 1rem; }
	.GinterviewBox02 > p{ background-color:#00325a; padding:1rem; color:#fff; border-radius:1rem; }
	.GinterviewColumn{ background-color:#e5f1f8; width:100%; margin:auto; border-radius:2rem; margin-top:2rem; padding:1.5rem;  }
	.GinterviewColumn > p:nth-of-type(1){ font-size:1.3rem; font-weight:bold; color:#00325a; }

	/*FAQ*/
	.faqBoxArea{ width:90%; margin:0 auto; margin-top:2rem; }
	.faqBox{ margin-top:1rem; }
	.faqBoxW{ padding:1rem; background-color:#ffffff; }
	.faqStrQ{ display:flex; font-weight: bold; }
	.faqStrQ:before{ background:url(../img/iconArrow03.svg) 0 0 no-repeat; content:''; display:block; width:1.2rem; height:1.2rem; position:absolute; top:0.5rem; }
	.faqStrQ > p:nth-of-type(1){ width:5rem; padding-left:2rem; font-weight: bold; }
	.faqStrQ > p:nth-of-type(2){ width:100%; font-weight: bold; }
	.faqStrA{ display:none; width:100%; padding-top:1.5rem; }


	/*HOME*/
	.homeMainVisualArea{ width:100%; height:50vh; overflow:hidden; background-position:center; background:url(../img/imgBG.jpg) ; background-size: 120px; background-repeat: repeat; }
	.homeMainImgTitle{ width:90%; margin:auto; position:absolute; top: 50%; right:0; left:0; transform: translate(0,-50%); z-index:888; }
	.homeGreet{ width:90%; margin:auto; margin-top:3rem; text-align:center; }
	.homeGreet > a > img{ width:90%; margin:auto; }
	.homeGreet > a  > p:nth-of-type(1){ margin-top:1rem; display:inline-block; padding:0 2rem; background-color:#00325a; color:#ffffff; text-align:center; border-radius:1rem; }
	.homeGreet > p:nth-of-type(1){ margin-top:1rem; font-weight:bold; font-size:1.4rem; color:#00325a; line-height:150%; }
	.homeGreet > p:nth-of-type(2){ text-align:left; }
	.examBG{ width:90%; margin:auto; background-position:center; background:url(../../img/home_examBG.png); background-repeat: no-repeat; }
	.homeexam{ width:90%; margin:auto; margin-top:3rem; }
	.homeexam > div:nth-of-type(1){ text-align:center; }
	.homeexam > div:nth-of-type(1) > p{ display:inline-block; font-size:1.5rem; font-weight:bold; padding-left:3rem; color:#00325a;  }
	.homeexam > div:nth-of-type(1):before{ content:url('../../img/home_icon01.svg'); display:inline-block; width:2.5rem; height:2.5rem; position:absolute; top:0.4rem; }
	.homeexam > div:nth-of-type(2){ display:flex; flex-wrap:wrap; margin-bottom:1rem; margin-top:1rem;  }
	.homeexam > div:nth-of-type(2) > a{ width:100%; margin:0.2rem 0; padding:2rem 1rem; display:block; padding-right:4rem; background-color:#ffffff; font-weight:bold; border:2px #00325a solid; border-radius:1rem; position:relative; }
	.homeexam > div:nth-of-type(2) > a:after{ content:url('../img/iconNewWinB.svg'); display:inline-block; width:1.3rem; height:1.3rem; position:absolute; top:50%; right:1rem; transform: translate(0,-50%); }
	.homeexam > div:nth-of-type(3){ margin-bottom:1rem; }
	.homeexam > div:nth-of-type(4) > a{ width:100%; margin:0 auto; margin-bottom:0.5rem; padding:1rem; padding-right:4rem; display:block; background-color:#00325a; color:#fff; position:relative; }
	.homeexam > div:nth-of-type(4) > a:after{ content:url('../img/iconNewWinW.svg'); display:inline-block; width:1.3rem; height:1.3rem; position:absolute; top:50%; right:1rem; transform: translate(0,-50%); }
	.homeEvent{ margin-top:3rem; }
	.homeEvent > div:nth-of-type(1){ text-align:center; margin-left:-2rem; width:90%; padding:0.5rem; margin:auto; background-color:#e6f4ff; z-index:888; border-radius:4rem; }
	.homeEvent > div:nth-of-type(1) > p{ display:inline-block; font-size:1.5rem; font-weight:bold; padding-left:3rem; color:#00325a;  }
	.homeEvent > div:nth-of-type(1):before{ content:url('../../img/home_icon02.svg'); display:inline-block; width:2.5rem; height:2.5rem; position:absolute; top:0.4rem; }
	.homeEvent > .homeEventTxt{ background-color:#00325a; margin-top:-2rem; text-align:center; }
	.homeEvent > .homeEventTxt > p{ width:90%; margin:auto; padding-top:4rem; font-size:1.3rem; color:#ffffff; font-weight:bold; }
	.homeEvent > .homeEventTxt > div{ width:90%; margin:auto; padding-top:1rem; }
	.homeEvent > .homeEventTxt > div > a > .homeEventTxtIMG{ width:90%; margin:auto; }
	.homeEvent > .homeEventTxt > div > a > .homeEventTxtIN01{ margin-top:-0.8rem; color:#ffffff; font-size:1.3rem; font-weight:bold; }
	.homeEvent > .homeEventTxt > div > .homeEventTxtIMG{ width:90%; margin:auto; }
	.homeEvent > .homeEventTxt > div > .homeEventTxtIN01{ margin-top:-0.8rem; color:#ffffff; font-size:1.3rem; font-weight:bold; }
	.homeEvent > .homeEventTxt > div > .homeEventTxtIN02{ margin-top:0.2rem; color:#ffffff; font-weight:bold; }
	.homeEvent > .homeEventTxt > div > .homeEventTxtIN02 > a{ display:block; padding:0.5rem; margin-top:0.2rem; color:#00325a; font-weight:bold; background-color:#e6f4fe; border-radius: 1rem; }
	.homeEvent > .homeEventTxt2{ background-color:#00325a; text-align:center; padding-top:2rem; }
	.homeEvent > .homeEventTxt2 > p{ width:90%; margin:auto; padding:1rem; color:#ffffff; font-weight:bold; border:1px #ffffff solid; }
	.homeEvent > .homeEventBtn{ background-color:#00325a; padding-bottom:1rem; }
	.homeEvent > .homeEventBtn{ background-color:#00325a; }
	.homeEvent > .homeEventBtn > img{ width:60%; margin:auto; padding-top:1rem; }
	.homeEvent > .homeEventBtn > div { width:80%; margin:auto; margin-top:1rem; }
	.homeEvent > .homeEventBtn > div > a{ display:block; width:100%; margin:0 auto; padding-bottom:1rem; position:relative; text-align:center; color:#ffffff; font-size:0.8rem; line-height:140%; }
	.homeEvent > .homeEventBtn > div > a > div > img{ padding:0 1rem; padding-bottom:0.5rem; }
	.homeEvent > .homeEventBtn > div > a > div::after{ content:''; background-image:url(../../opencampus/img/opencampus_stamp03.svg); width:4rem; height:4rem; background-position:center; background-size:contain; display:inline-block; position:absolute; opacity:0.3; top:50%; left:50%; transform: translate(-50%, -50%); }
	.homeEvent > .homeEventBtn > div > a > span{ color:#ffffff; }

	.homeEventNow{ margin-bottom:1.4rem; }
	.homeEventEnd{ position:relative; margin-bottom:1.4rem; }
	.homeEventEnd::after{ content:''; background-image:url(../../img/opencampus_stamp01.png); width:5rem; height:5rem; background-position:center; background-size:contain; display:inline-block; position:absolute; opacity:0.7; top:2.2rem; left:3.2rem; }
	.homeLaboNow{ margin-bottom:1.4rem; }
	.homeLaboEnd{ position:relative; margin-bottom:1.4rem; }
	.homeLaboEnd::after{ content:''; background-image:url(../../img/opencampus_stamp02.png); width:5rem; height:5rem; background-position:center; background-size:contain; display:inline-block; position:absolute; opacity:0.7; top:2.2rem; left:3.2rem; }
	
	.IneterBG{ width:100%; margin:auto; background-position:center; background:url(../../img/home_interBG.png); background-repeat: repeat; background-color:#fff; border-top:5px #00325a solid; border-bottom:5px #00325a solid; }
	.homeIneterA{ width:90%; margin:auto; margin-top:2rem; margin-bottom:4rem; }
	.homeIneterA > div:nth-of-type(1){ text-align:center; }
	.homeIneterA > div:nth-of-type(1) > p{ display:inline-block; font-size:1.5rem; font-weight:bold; padding-left:3.5rem; color:#00325a; }
	.homeIneterA > div:nth-of-type(1):before{ content:url('../../img/home_icon03.svg'); display:inline-block; width:2.5rem; height:2.5rem; position:absolute; top:0.4rem; }
	.homeIneterA > div:nth-of-type(2){ width:90%; margin:auto; margin-top:2rem; text-align:center; }
	.homeIneterA > div:nth-of-type(2) > a{ display:block; margin-top:1rem;  }
	.homeIneterA > div:nth-of-type(2) > a > div p{ line-height:140%; }
	.homeIneterA > div:nth-of-type(2) > a > .parent{ display: flex; flex-direction: column; }
	.homeIneterA > div:nth-of-type(2) > a > .parent > .child_1{ order: 1; margin:0.5rem; }
	.homeIneterA > div:nth-of-type(2) > a > .parent > .child_2{ order: 2; }
	.homeIneterA > div:nth-of-type(3){ text-align:center; margin-top:2rem; }
	.homeIneterB{ width:90%; margin:auto; margin-top:2rem; margin-bottom:2rem; }
	.homeIneterB > div:nth-of-type(1){ text-align:center; }
	.homeIneterB > div:nth-of-type(1) > p{ font-size:1.3rem; font-weight:bold; color:#00325a; }
	.homeIneterB > div:nth-of-type(2){ text-align:center; }
	.homeIneterB > div:nth-of-type(2) > a{ margin:0 1rem; }
	.homeIneterB > div:nth-of-type(2) > a > img{ width:100%;  }
	.homeIneterB > div:nth-of-type(2) > a > p{ line-height:160%; }
	.homeBox{ width:90%; margin:auto; margin-top:4rem; margin-bottom:2rem; }
	.homeBox > a{ display:block; width:90%; margin:auto; margin:0 1rem; margin-bottom:1rem; background-color:#fff; padding:2rem; padding-left:3rem;border:3px #00325a solid; font-weight:bold; font-size:1.2rem; color:#00325a; position:relative;}
	.homeBox > a:nth-of-type(1):before{ content:url('../../img/home_icon04.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top:2rem; left:1rem; }
	.homeBox > a:nth-of-type(2):before{ content:url('../../img/home_icon05.svg'); display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top:2rem; left:1rem; }
	.homeLogo > a{ display:block; width:90%; margin:auto; margin-bottom:4rem; text-align:center; background-color:#fff; padding:1rem; }
	.homeLogo > a > img{ width:100%; margin:auto; margin-bottom:1rem; }
	.homeLogo > a > p{ color:#00325a; font-weight:bold; font-size:0.7rem; }


	/*header*/
	.header{ width:100%; z-index:9999; }
	.headerBody{ width:100%; height:8rem; }
	.headerLogo{ width:80%;  position:absolute; top:1rem; left:0; right:0; margin:auto; }
	.headerBody > a{ display:block; height:3rem; line-height:3rem; width:90%; text-align:center; font-weight:bold; font-size:0.8rem; border-radius:2rem; background-color:#00325a; color:#fff; position:absolute; top:3.8rem; left:0; right:0; margin:auto; }
	

	/*FOOTER*/
	.btnPgTopArea{ clear:both; position:fixed; right:1rem; bottom:1rem; transition:1s; z-index:9999; }
	.btnPgTop{ width:3rem; height:3rem; margin:auto; }
	.btnPgTop:hover{ cursor:pointer; opacity:0.7; }
	.footer{ width:100%; background-color:#ffffff; margin-top:5rem; }
	.footerTitle{ width:90%; margin:auto; padding:2rem 0; text-align:right; }
	.footerTitle > p{ font-size:0.7rem; }
}
/*===================================================================
 PC
===================================================================*/
@media( min-width:800px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
	/* COMMON */
	html{ overflow-y:scroll; font-size:100%; }
	body{ background-color:#e6f4ff; }
	a:hover, a > img:hover{ cursor:pointer; opacity:0.7; }
	.mainContentsArea{}
	.pageContentsArea{ width:1000px; margin:auto; padding-top:1rem; }
	.pageContentsArea2{ width:800px; margin:auto; padding-top:1rem; }
	.pageMainVisualArea{ width:100%; height:190px; overflow:hidden; background-position:center; background:url(../img/imgBG.jpg) ; background-size: 120px; background-repeat: repeat; }
	.pageMainImgTitle{ width:430px; margin:auto; position:absolute; top: 50%; right:0; left:0; transform: translate(0,-50%); z-index:888; }
	.pageMainTitleBox{ width:100%; height:100px; overflow:hidden; background-color:#00325a;  }
	.pageMainTitle_Ineter{ margin:auto; position:absolute; top: 50%; right:0; left:0; transform: translate(0,-50%); }
	.pageMainTitle_Ineter{ text-align:center; }
	.pageMainTitle_Ineter > p{ display:inline-block; font-size:1.8rem; font-weight:bold; color:#fff; padding-left:3.5rem;  }
	.pageMainTitle_Ineter:before{ content:url('../../img/home_icon03W.svg'); display:inline-block; width:3rem; height:3rem; position:absolute; top:0.5rem; }
	.pageMainTitle_Oc{ margin:auto; position:absolute; top: 50%; right:0; left:0; transform: translate(0,-50%); }
	.pageMainTitle_Oc{ text-align:center; }
	.pageMainTitle_Oc > p{ display:inline-block; font-size:1.8rem; font-weight:bold; color:#fff; padding-left:3.5rem;  }
	.pageMainTitle_Oc:before{ content:url('../../img/home_icon02W.svg'); display:inline-block; width:3rem; height:3rem; position:absolute; top:0.5rem; }
	.BackBTN > a { display:block; width:50%; padding:1rem 0; font-size:0.8rem;  font-weight:bold; margin-top:3rem;  }
	.pageMainTitle_faq{ margin:auto; position:absolute; top: 50%; right:0; left:0; transform: translate(0,-50%); }
	.pageMainTitle_faq{ text-align:center; }
	.pageMainTitle_faq > p{ display:inline-block; font-size:1.8rem; font-weight:bold; color:#fff; padding-left:3.5rem;  }
	.pageMainTitle_faq:before{ content:url('../../img/home_icon05W.svg'); display:inline-block; width:3rem; height:3rem; position:absolute; top:0.5rem; }
	.faqLinkBox{ padding:0 0.5rem;  background-color:#FFFF66; }

	/*EVENT*/
	.ocBox00{ background-color:#fff; padding:2rem; margin-top:4rem; margin-left:2rem; }
	.ocBox01{ display:flex; flex-wrap:nowrap; }
	.ocBox01 > div:nth-of-type(1){ width:55%; margin-top:-5rem; margin-left:-4rem; }
	.ocBox01 > div:nth-of-type(2){ width:55%; padding-left:2rem; }
	.ocBox01 > div:nth-of-type(2) > .ocTLT{ font-size:1.3rem; font-weight:bold; }
	.ocBox01 > div:nth-of-type(2) > .ocTLT02{ font-size:2rem; font-weight:bold; line-height:150%; color:#00325a; }
	.ocBox02{ display:flex; flex-wrap:nowrap; margin-top:2rem; }
	.ocBox02 > div:nth-of-type(1){ width:55%; }
	.ocBox02 > div:nth-of-type(2){ width:45%; padding-left:2rem; }
	.ocBox03{ margin:1rem 0; padding:1rem; background-color:#eeeeee; border-radius:1rem; }
	.ocBox04{ margin:1rem 0; }
	.ocBox05{ margin-top:3rem; padding:1rem; border:4px #00325a solid; border-radius:1rem; }
	.ocBox05 > img{ width:70%; margin:1rem auto;  }
	.ocBox05 > div{ display:flex; flex-wrap:nowrap; margin-top:2rem; text-align:center; }
	.ocBox05 > div > a{ display:block; width:70%; padding:0 0.5rem; font-size:0.8rem; }
	.ocBox05 > div > a > img{ padding-bottom:0.5rem; }
	.ocBox06{ margin-top:2rem; }
	.ocBox07{ display:flex; flex-wrap:nowrap; width:65%; margin:auto; padding:1rem; margin-top:2rem; border:4px #96e092 solid; border-radius:1rem; background-color:#edfae5; position:relative; margin-top:3rem; }
	.ocBox07 > p{ width:68%; }
	.ocBox07 > img{ width:30%; margin-top:-4rem; text-align:right; }
	.ocBox08{ margin-top:1rem; text-align:center; }
	.ocBox08 > p > span:nth-of-type(1){ font-size:2rem; font-weight:bold; }
	.ocBox08 > img{ width:75%; margin:auto; margin-top:1rem; margin-bottom:2em; }
	.ocBox09{ display:flex; flex-wrap:nowrap; width:90%; margin:auto; margin-top:1rem; }
	.ocBox09 > div:nth-of-type(1){ width:15%; margin-right:0.5rem; }
	.ocBox09 > div:nth-of-type(2){ width:85%; padding:1rem; background-color:#edfae5; }
	.ocBox09 > div:nth-of-type(2) > div{ width:100%; display:flex; flex-wrap:wrap; margin-top:0.5rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG01 > img{ width:auto; height:155px; margin-right:0.5rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG02 > div{ width:50%; }
	.ocBox09 > div:nth-of-type(2) > .IMG02 > div > img{ width:auto; height:140px; margin:0.3rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG02 > div > p > span{ display:inline-block; line-height:150%; margin-top:0.2rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG02 > div > p > a{ color:#00a7db; }
	.ocBox09 > div:nth-of-type(2) > .IMG03{ display:flex; justify-content:space-between; }
	.ocBox09 > div:nth-of-type(2) > .IMG03 > div{ width:49%; }
	.ocBox09 > div:nth-of-type(2) > .IMG03 > div > p{ margin-top:0.5rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG03 > div > p > span{ display:inline-block; line-height:150%; margin-top:0.2rem; margin-bottom:0.5rem; }
	.ocBox09 > div:nth-of-type(2) > .IMG03 > div > p > a{ color:#00a7db; }
	.ocBox09 .ocBox09TxT{ position:absolute; top: 50%; transform: translate(0,-50%);  }
	.ocBox09 .ocBox09TLT{ padding:0.5rem 1rem; margin-top:1rem; background-color:#96e092; font-weight:bold; text-align:center; border-radius:2rem; }
	.ocBox10{ margin-top:1rem; }
	.ocBox10 span.cPink{ color:#96e092; }
	.ocBox11{ background-color:#f9f2f4; border-top:3px #91002c solid; padding:1rem; }
	.ocBox11 > p:nth-of-type(1){ color:#91002c; text-align:center; font-weight:bold; font-size:1.1rem; }
	.ocBox11 > div:nth-of-type(1){ display:flex; flex-wrap:nowrap; }
	.ocBox11 > div:nth-of-type(1) > div{ width:100%; margin:0 0.4rem; margin-top:1rem; border:2px #91002c solid; padding:1rem; }
	.ocBox11 > div:nth-of-type(1) > div > img{ width:75%; margin:auto; margin-bottom:1rem; }
	.ocBox11 > div:nth-of-type(1) > div > p{ line-height:150%; font-weight:bold; }
	.ocBoxTLT{ padding:0.5rem 1rem; margin-top:1rem; background-color:#96e092; font-weight:bold; text-align:center; }
	.ocBoxLNK{ display:block; width:70%; margin:1rem 0; padding:1rem 2rem; background-color:#00325a; color:#fff; border-radius:2rem; }
	.ocBoxLNK02{ display:block; width:75%; margin:auto; margin-top:1rem; padding:1.3rem; background-color:#edfae5; border:4px #96e092 solid; color:#000000; border-radius:1rem; text-align:center; font-weight:bold; font-size:1.3rem; }
	.ocBoxLNK03{ display:block; width:50%; padding:0.5rem 1rem; background-color:#edfae5; margin-top:0.5rem; }
	.ocfaqBox{ display:block; margin-top:0.5rem; padding:1rem; background-color:#edfae5; }
	.ocfaqBox:nth-of-type(1){ margin-top:1rem; }
	.ocfaqBoxQ{ width:100%; display:flex; font-weight: bold; }
	.ocfaqBoxQ: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%); }
	.ocfaqBoxQ > p:nth-of-type(1){ width:4rem; padding-left:1.5rem; font-weight: bold; }
	.ocfaqBoxQ > p:nth-of-type(2){ flex:1; font-weight: bold; }
	.ocfaqBoxA{ display:none; width:100%; margin-top:1rem; padding:1rem; background-color:#ffffff; }
	.ocfaqBoxA > p > a{ color:#000; position:relative; }
	.ocfaqBoxA > p > a.NewWin{ padding-right:2rem; position:relative; }
	.ocfaqBoxA > p > a.NewWin:after{ background:url(../img/iconNewWinB.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 0; right:0.5rem;  }
	.ocfaqBoxA:hover{ cursor:pointer; opacity:0.7; }
	.ocBoxIMG{ width:70%; }
	.laboBox01{ display:flex; flex-wrap:nowrap; margin-top:2rem; }
	.laboBox01 > p{ width:20%; height:3rem; line-height:3rem; background-color:#00325a; color:#fff; text-align:center; }
	.laboBox01 > div{ width:80%; padding-left:1rem; }
	.laboBox01 > div > .IMG{ width:40%; padding-bottom:0.5rem; }
	.laboBoxLNK{ display:block; margin:1rem 0; padding:1rem 2rem; background-color:#00325a; color:#fff; border-radius:2rem; font-weight:bold; }
	.laboBox02{ margin-top:20px; padding:15px; border:2px #00325a solid;  display:flex; }
	.laboBox02 > p:nth-of-type(1){ font-weight:bold; color:#00325a; width:20%; }
	.laboBox02 > p:nth-of-type(2){ font-weight:bold; color:#00325a; }
	.LaboBox03{ margin-top:2rem; padding-bottom:2rem; display:flex; border-bottom:1px #888 solid;  }
	.LaboBox03 > p{ width:15%; }
	.LaboBox03 > div{ width:85%; }
	.LaboBox03_Cont{ padding-left:2rem; }
	.LaboBox03_Cont > div:nth-of-type(1){ font-weight:bold; display:flex; }
	.LaboBox03_Cont > div:nth-of-type(1) > p:nth-of-type(2) { font-weight:bold; color:#00325a; font-size:1.3rem; line-height:200%; padding-left:1rem;  line-height:120%; }
	.LaboBox03_Cont > div:nth-of-type(1) > p:nth-of-type(2) > span{ font-weight:bold; font-size:0.8rem; padding-top:1rem; }
	.LaboBox03_Cont > div:nth-of-type(2){ margin-top:1rem;  }
	.LaboBox03_Cont > div:nth-of-type(2) > a{ display:block; color:#00325a; font-weight:bold; margin-top:1rem; }
	.LaboBoxIMG{ width:80%; margin:0 auto; margin-top:1rem; }
	.LaboBoxTLT{ padding:0.5rem 1rem; border-left:8px #00325a solid; margin-top:2rem; background-color:#eeeeee; font-weight:bold; }


	/*INTERVEW*/
	.interviewBox00{ background-color:#fff; padding:2rem; }
	.interviewBox01{ width:100%; height:260px; margin-top:1rem; }
	.interviewBox01 div{ z-index:888; padding-left:1rem; position:absolute; top: 50%; transform: translate(0,-50%); }    
	.interviewBox01 .txtRight{ text-align: right; position:absolute; top: 50%; right:1rem; transform: translate(0,-50%);}   
	.interviewBox01 .interviewCopy{ font-size:26px; line-height:160%; font-weight:bold; font-family:"MS Mincho","MS PMincho","Yu Mincho","Hiragino Mincho Pro","Times New Roman",serif;}
	.interviewBox01 .Name1{ font-size:12px; line-height:200%; color:#000000; padding-top:10px; }
	.interviewBox01 .Name2{ font-size:18px; color:#000000; }
	.interviewBox01 .Name2 > span{ font-size:14px; color:#000000; }
	.mainphoto01{ background-image:url(../../interview/img/interview_img_Ueno_1.jpg); background-repeat: no-repeat; background-size: cover; }
	.mainphoto02{ background-image:url(../../interview/img/interview_img_Namba_1.jpg); background-repeat: no-repeat; background-size: cover; }
	.mainphoto03{ background-image:url(../../interview/img/interview_img_Yoshimitsu_1.jpg); background-repeat: no-repeat; background-size: cover; }
	.mainphoto04{ background-image:url(../../interview/img/interview_img_Takihara_1.jpg); background-repeat: no-repeat; background-size: cover; }
	.mainphoto05{ background-image:url(../../interview/img/interview_img_Takemura_2.jpg); background-repeat: no-repeat; background-size: cover; }
	.mainphoto06{ background-image:url(../../interview/img/interview_img_Mikami_1.jpg); background-repeat: no-repeat; background-size: cover; }
	.interviewBox02{ background-color:#00325a; text-align:right; padding:1rem; font-size:0.8rem; color:#fff; }
	.interviewBox03{ display:flex; flex-wrap:nowrap; }
	.interviewBox03 > div:nth-of-type(1){ width:60%; }
	.interviewBox03 > div:nth-of-type(2){ width:40%; padding-left:2rem; }
	.interviewTLT{ font-weight:bold; color:#00325a; }
	.interviewTLT02{ font-weight:bold; line-height:150%; font-size:1.4rem; padding-top:1rem; padding-bottom:1rem; }
	.interviewBox04{  }
	.interviewBox04 > img{ width:70%; margin:auto; margin-top:1rem; }
	.interviewBox05{ display:flex; flex-wrap:nowrap; }
	.interviewBox05 > div:nth-of-type(1){ width:40%; padding-right:2rem; }
	.interviewBox05 > div:nth-of-type(2){ width:50%; }
	.interviewColumn{ background-color:#e5f1f8; width:80%; margin:auto; border-radius:2rem; margin-top:5rem; padding:1rem;  }
	.interviewColumn > img{ width:90%; margin:auto; margin-top:-5rem; }
	.interviewColumn > p{ width:90%; margin:auto; margin-top:1rem; }
	.interviewColumn2{ background-color:#e5f1f8; width:80%; margin:auto; border-radius:2rem; margin-top:6rem; padding:1rem;  }
	.interviewColumn2 > img{ width:90%; margin:auto; margin-top:-3rem; }
	.interviewColumn2 > p{ width:90%; margin:auto; margin-top:1rem; }
	.interviewBox06{ margin-top:3rem; padding-top:2rem; border-top:1px #00325a solid; }
	.interviewBox06 > p{ font-weight:bold;  text-align:center; }
	.interviewBox06 > div{ width:100%; margin:auto; margin-top:1rem; display:flex; flex-wrap:nowrap; }
	.interviewBox06 > div > a{ display:block; margin:0 0.3rem;  }
	.interviewSpace{ clear:both; width:60%; margin:auto; }
	.GinterviewBox01{ width:100%; height:200px; margin-top:1rem; padding:2rem; background-color:#fff; }
	.GinterviewBox01 > div:nth-of-type(1){ position:absolute; top: 50%; transform: translate(0,-50%); }    
	.GinterviewBox01 > div:nth-of-type(2){ padding-left:12rem; position:absolute; top: 50%; transform: translate(0,-50%); }    
	.GinterviewBox01 .txtRight{ text-align: right; position:absolute; top: 50%; right:1rem; transform: translate(0,-50%);}   
	.GinterviewBox01 .interviewCopy{ font-size:26px; line-height:160%; font-weight:bold; font-family:"MS Mincho","MS PMincho","Yu Mincho","Hiragino Mincho Pro","Times New Roman",serif;}
	.GinterviewBox01 .Name{ font-size:18px; color:#000000; }
	.GinterviewBox01 .Name > span{ font-size:14px; color:#000000; }
	.GinterviewBox02{ background-color:#ffffff; padding:0 2rem; }
	.GinterviewBox02 > p{ background-color:#00325a; padding:1rem; color:#fff; border-radius:1rem; }
	.GinterviewColumn{ background-color:#e5f1f8; width:90%; margin:auto; border-radius:2rem; margin-top:2rem; padding:2rem;  }
	.GinterviewColumn > p:nth-of-type(1){ font-size:1.3rem; font-weight:bold; color:#00325a; }

	/*FAQ*/
	.faqBox01{ padding-top:3rem; display:flex; flex-wrap:wrap; }
	.faqBox01 > p{ display:inline-block; width:48%; margin-right:1rem; margin-bottom:0.5rem; background-color:#ffffff; position:relative; padding:1rem 0;  padding-left:2.5rem; }
	.faqBox01 > p:hover{ cursor:pointer; opacity:0.7; }
	.faqBox01 > p:before{ background:url(../img/iconArrow02.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }
	.faqBoxArea{ margin-top:2rem; }
	.faqBoxAreaG{  }
	.faqBoxAreaW{ padding:3rem 0; background-color:#ffffff; }
	.faqBox{ margin-top:1rem; }
	.faqBoxW{ padding:1rem; background-color:#ffffff; }
	.faqBoxB{ padding:2rem; background-color:#efeff6; }
	.faqStrQ{ width:100%; display:flex; font-weight: bold; }
	.faqStrQ: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; transform: translate(0,-50%); }
	.faqStrQ > p:nth-of-type(1){ width:6.5rem; font-size:1.3rem; padding-left:2.5rem; font-weight: bold; }
	.faqStrQ > p:nth-of-type(2){ flex:1; font-size:1.2rem; font-weight: bold; }
	.faqStrA{ display:none; width:100%; padding-top:1.5rem; }



	/*HOME*/
	.homeMainVisualArea{ width:100%; height:350px; overflow:hidden; background-position:center; background:url(../img/imgBG.jpg) ; background-size: 120px; background-repeat: repeat; }
	.homeMainImgTitle{ width:700px; margin:auto; position:absolute; top: 50%; right:0; left:0; transform: translate(0,-50%); z-index:888; }
	.homeGreet{ width:800px; margin:auto; margin-top:3rem; text-align:center; }
	.homeGreet > a > img{ width:60%; margin:auto; }
	.homeGreet > a  > p:nth-of-type(1){ margin-top:1rem; display:inline-block; padding:0 2rem; background-color:#00325a; color:#ffffff; text-align:center; border-radius:1rem; }
	.homeGreet > p:nth-of-type(1){ margin-top:1rem; font-weight:bold; font-size:1.4rem; color:#00325a; }
	.homeGreet > p:nth-of-type(2){ text-align:left; }
	.examBG{ width:1130px; margin:auto; background-position:center; background:url(../../img/home_examBG.png); background-repeat: no-repeat; }
	.homeexam{ width:800px; margin:auto; margin-top:4rem; }
	.homeexam > div:nth-of-type(1){ text-align:center; margin-left:-2rem; }
	.homeexam > div:nth-of-type(1) > p{ display:inline-block; font-size:1.8rem; font-weight:bold; padding-left:3.5rem; color:#00325a;  }
	.homeexam > div:nth-of-type(1):before{ content:url('../../img/home_icon01.svg'); display:inline-block; width:3rem; height:3rem; position:absolute; top:0.5rem; }
	.homeexam > div:nth-of-type(2){ display:flex; flex-wrap:wrap; margin-bottom:1rem; margin-top:1rem;  }
	.homeexam > div:nth-of-type(2) > a{ width:calc((100% - 2rem) / 2); margin:0.5rem; padding:2rem 1rem; display:block; background-color:#ffffff; text-align:center; font-weight:bold; border:2px #00325a solid; border-radius:1rem; position:relative; }
	.homeexam > div:nth-of-type(2) > a:after{ content:url('../img/iconNewWinB.svg'); display:inline-block; width:1.3rem; height:1.3rem; position:absolute; top:50%; right:1rem; transform: translate(0,-50%); }
	.homeexam > div:nth-of-type(3){ margin-bottom:1rem; }
	.homeexam > div:nth-of-type(4) > a{ width:60%; margin:0 auto; margin-bottom:0.5rem; padding:1rem; padding-right:4rem;display:block; background-color:#00325a; color:#fff; position:relative; }
	.homeexam > div:nth-of-type(4) > a:after{ content:url('../img/iconNewWinW.svg'); display:inline-block; width:1.3rem; height:1.3rem; position:absolute; top:50%; right:1rem; transform: translate(0,-50%); }
	.homeEvent{ margin-top:7rem; }
	.homeEvent > div:nth-of-type(1){ text-align:center; margin-left:-2rem; width:500px; padding:0.5rem; margin:auto; background-color:#e6f4ff; z-index:888; border-radius:4rem; }
	.homeEvent > div:nth-of-type(1) > p{ display:inline-block; font-size:1.8rem; font-weight:bold; padding-left:3.5rem; color:#00325a;  }
	.homeEvent > div:nth-of-type(1):before{ content:url('../../img/home_icon02.svg'); display:inline-block; width:3rem; height:3rem; position:absolute; top:0.7rem; }
	.homeEvent > .homeEventTxt{ background-color:#00325a; margin-top:-2rem; text-align:center; }
	.homeEvent > .homeEventTxt > p{ width:800px; margin:auto; padding-top:4rem; font-size:1.3rem; color:#ffffff; font-weight:bold; }
	.homeEvent > .homeEventTxt > div{ width:800px; margin:auto; padding-top:1rem; }
	.homeEvent > .homeEventTxt > div > a > .homeEventTxtIMG{ width:25rem; margin:auto; }
	.homeEvent > .homeEventTxt > div > a > .homeEventTxtIN01{ margin-top:-0.8rem; color:#ffffff; font-size:1.5rem; font-weight:bold; }
	.homeEvent > .homeEventTxt > div > .homeEventTxtIN02{ margin-top:0.2rem; color:#ffffff; font-weight:bold; }
	.homeEvent > .homeEventTxt > div > .homeEventTxtIN02 > a{ width:400px; margin:auto; display:block; padding:0.5rem; margin-top:0.5rem; color:#00325a; font-weight:bold; background-color:#e6f4fe; border-radius: 1rem; }
	.homeEvent > .homeEventTxt > div > .homeEventTxtIMG{ width:25rem; margin:auto; }
	.homeEvent > .homeEventTxt > div > .homeEventTxtIN01{ margin-top:-0.8rem; color:#ffffff; font-size:1.5rem; font-weight:bold; }
	.homeEvent > .homeEventTxt > div > .homeEventTxtIN02{ margin-top:0.2rem; color:#ffffff; font-weight:bold; }
	.homeEvent > .homeEventTxt > div > .homeEventTxtIN02 > a{ width:400px; margin:auto; display:block; padding:0.5rem; margin-top:0.5rem; color:#00325a; font-weight:bold; background-color:#e6f4fe; border-radius: 1rem; }
	.homeEvent > .homeEventTxt2{ background-color:#00325a; text-align:center; padding-top:3rem; }
	.homeEvent > .homeEventTxt2 > p{ width:calc(800px - 2rem); margin:auto; padding:1rem; color:#ffffff; font-weight:bold; border:1px #ffffff solid; }
	.homeEvent > .homeEventBtn{ background-color:#00325a; }
	.homeEvent > .homeEventBtn > img{ width:400px; margin:auto; padding-top:1rem; }
	.homeEvent > .homeEventBtn > div { display:flex; flex-wrap:nowrap; width:800px; margin:auto; margin-top:1rem; }
	.homeEvent > .homeEventBtn > div > a{ display:block; width:100%; margin:0 auto; padding-bottom:3rem; position:relative; text-align:center; color:#ffffff; font-size:0.8rem; }
	/*.homeEvent > .homeEventBtn > div > a > div > img:nth-of-type(1){ width:3rem; position:absolute; opacity:0.3; top:50%; left:50%; transform: translate(-50%, -50%); }
	.homeEvent > .homeEventBtn > div > a > div > img:nth-of-type(2){ width:100%; height:auto; padding:0 1rem; padding-bottom:0.5rem; }*/
	.homeEvent > .homeEventBtn > div > a > div > img{ width:100%; height:auto; padding:0 1rem; padding-bottom:0.5rem; }
	.homeEvent > .homeEventBtn > div > a > div::after{ content:''; background-image:url(../../opencampus/img/opencampus_stamp03.svg); width:3.4rem; height:3.4rem; background-position:center; background-size:contain; display:inline-block; position:absolute; opacity:0.3; top:50%; left:50%; transform: translate(-50%, -50%); }
	.homeEvent > .homeEventBtn > div > a > span{ color:#ffffff; }

	.homeEventNow{ width:25rem; margin:auto; margin-bottom:1.4rem; }
	.homeEventEnd{ position:relative; width:25rem; margin:auto; margin-bottom:1.4rem; }
	.homeEventEnd::after{ content:''; background-image:url(../../img/opencampus_stamp01.png); width:4.5rem; height:4.5rem; background-position:center; background-size:contain; display:inline-block; position:absolute; opacity:0.7; top:3rem; left:3rem; }
	.homeLaboNow{ width:25rem; margin:auto; margin-bottom:1.4rem; }
	.homeLaboEnd{ position:relative; width:25rem; margin:auto; margin-bottom:1.4rem; }
	.homeLaboEnd::after{ content:''; background-image:url(../../img/opencampus_stamp02.png); width:4.5rem; height:4.5rem; background-position:center; background-size:contain; display:inline-block; position:absolute; opacity:0.7; top:3rem; left:3rem; }

	.IneterBG{ width:100%; margin:auto; background-position:center; background:url(../../img/home_interBG.png); background-repeat: repeat; background-color:#fff; border-top:5px #00325a solid; border-bottom:5px #00325a solid; }
	.homeIneterA{ width:1000px; margin:auto; margin-top:2rem; margin-bottom:4rem; }
	.homeIneterA > div:nth-of-type(1){ text-align:center; margin-left:-2rem; }
	.homeIneterA > div:nth-of-type(1) > p{ display:inline-block; font-size:1.5rem; font-weight:bold; padding-left:3.5rem; color:#00325a; }
	.homeIneterA > div:nth-of-type(1):before{ content:url('../../img/home_icon03.svg'); display:inline-block; width:3rem; height:3rem; position:absolute; top:0.5rem; }
	.homeIneterA > div:nth-of-type(2){ display:flex; flex-wrap:nowrap; margin-top:4rem; text-align:center; }
	.homeIneterA > div:nth-of-type(2) > a > div > div > img{ margin:0.3rem;  }
	.homeIneterA > div:nth-of-type(2) > a{ display:block; margin:0.4rem;  }
	.child_2 > p{ line-height:140%; font-size:0.8rem; }
	.homeIneterA > div:nth-of-type(3){ text-align:center; margin-top:2rem; }
	.homeIneterB{ width:900px; margin:auto; margin-top:2rem; margin-bottom:1rem; }
	.homeIneterB > div:nth-of-type(1){ text-align:center; }
	.homeIneterB > div:nth-of-type(1) > p{ font-size:1.3rem; font-weight:bold; color:#00325a; }
	.homeIneterB > div:nth-of-type(2){ margin-top:1rem; display:flex; flex-wrap:wrap; text-align:center; }
	.homeIneterB > div:nth-of-type(2) > a{ width:16%;  margin:0 1rem; margin-bottom:2rem; }
	.homeIneterB > div:nth-of-type(2) > a > img{ width:100%;  }
	.homeIneterB > div:nth-of-type(2) > a > p:nth-of-type(1){ font-size:0.8rem; line-height:150%; }
	.homeIneterB > div:nth-of-type(2) > a > p:nth-of-type(2){ font-size:1.2rem; }
	.homeIneterB > div:nth-of-type(2) > a > p:nth-of-type(2) > span{ font-size:0.8rem; }
	.homeBox{ display:flex; flex-wrap:nowrap; width:900px; margin:auto; margin-top:4rem; margin-bottom:4rem; }
	.homeBox > a{ display:block; width:90%; margin:auto; margin:0 1rem; text-align:center; background-color:#fff; padding:2rem; border:3px #00325a solid; font-weight:bold; font-size:1.3rem; color:#00325a; position:relative; }
	.homeBox > a:nth-of-type(1):before{ content:url('../../img/home_icon04.svg'); display:inline-block; width:2rem; height:2rem; position:absolute; top:2rem; left:5rem; }
	.homeBox > a:nth-of-type(2):before{ content:url('../../img/home_icon05.svg'); display:inline-block; width:2rem; height:2rem; position:absolute; top:2rem; left:6rem; }
	.homeLogo > a{ display:block; width:600px; margin:auto; margin-top:1rem; margin-bottom:4rem; text-align:center; background-color:#fff; padding:2rem; }
	.homeLogo > a > img{ width:500px; margin:auto; margin-bottom:1rem; }
	.homeLogo > a > p{ color:#00325a; font-weight:bold; font-size:0.8rem; }

	/*header*/
	.header{ width:100%; z-index:9999; }
	.headerBody{ width:100%; height:5rem; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.headerLogo{ height:3rem; position:absolute; top: 50%; left:1rem; transform: translate(0,-50%); }
	.headerBody > a{ display:block; height:3rem; line-height:3rem; width:300px; text-align:center; font-weight:bold; font-size:0.8rem; border-radius:2rem; background-color:#00325a; color:#fff; position:absolute; top: 50%; right:1rem; transform: translate(0,-50%); }
	
	/*FOOTER*/
	.btnPgTopArea{ clear:both; position:fixed; right:1rem; bottom:1rem; transition:1s; z-index:9999; }
	.btnPgTop{ width:3rem; height:3rem; margin:auto; }
	.btnPgTop:hover{ cursor:pointer; opacity:0.7; }
	.footer{ width:100%; background-color:#ffffff; margin-top:5rem; }
	.footerTitle{ width:1000px; margin:auto; padding:2rem 0; text-align:right; }
	.footerTitle > p{ font-size:0.7rem; }
}