@charset "utf-8";

/*===================================================================
  CSS Import
===================================================================*/
@import url(./ress.css);
@import url(./com.mainMenu.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/*===================================================================
  Common
===================================================================*/
*{ font-family:'Roboto','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo','メイリオ','Osaka','MS PGothic',arial,helvetica,sans-serif;font-weight:500; }

/* ボタンタイプ100 [高さ1.6rem 右端に矢印 カド丸] */
.btnType100{ display:inline-flex; position:relative; height:1.6rem; font-size:0.9rem; line-height:1.6rem; padding:0; padding-left:1rem; padding-right:2rem; border-radius:1.5rem; text-decoration:none; justify-content:center; }
.btnType100:after{ content:'〉'; display:inline-flex; width:1.2rem; height:1rem; position:absolute; top:0; bottom:0; right:0; }
.btnType100:hover{ opacity:0.7; transition:0.3s; text-decoration:none; }


/* ボタンタイプ101 [高さ3.6rem 右端に矢印 カド丸] */
.btnType101{ width:100%; display:inline-flex; position:relative; height:4rem; font-size:1.2rem; font-weight:bold; line-height:4rem; padding:0 2rem; border-radius:1rem; text-decoration:none; justify-content:center; }
.btnType101:after{ content:'〉'; display:inline-flex; width:1.4rem; height:1rem; position:absolute; top:0; bottom:0; right:0; }
.btnType101:hover{ opacity:0.7; transition:0.3s; text-decoration:none; }




/*===================================================================
  Mobile
===================================================================*/
@media( max-width:959px )
{
	html{ width:100vw; color:#333333; background-color:#efecf3; }

	/* events */
	.openCampusWrapper{ width:94vw; margin:auto; margin-top:2rem; margin-bottom:-5rem; background-color:#ffffff; border-radius:1rem; padding:1rem; }
	.openCampusHeaderLogo{ width:100%; padding:0.6rem; display:flex; justify-content:center; background-color:#ffffff; }
	.openCampusHeaderLogo > a{ width:45%; }
	.openCampusPageTitle{ background-color:#5d458c; padding:1rem; display:flex; justify-content:center; align-items:center; }
	.openCampusPageTitle > p{ font-size:1.5rem; font-weight:bold; color:#ffffff; }
	.openCampusDate{ margin-top:1rem; }
	.openCampusDate > p{ font-size:1.2rem; font-weight:bold; color:#5d458c; text-align:center; line-height:140%; }
	.openCampusDate > p > span{ font-size:2.4rem; }
	.openCampusTime > p{ font-size:1.8rem; font-weight:bold; color:#5d458c; text-align:center; line-height:140%; }
	.openCampusVenue{ display:flex; justify-content:center; flex-wrap:wrap; margin-top:0.2rem; }
	.openCampusVenue > p{ width:100%; font-size:1.2rem; font-weight:bold; color:#5d458c; text-align:center; line-height:100%; }
	.openCampusVenue > a{ margin-top:1rem; margin-top:0.6rem; }
	
	.openCampusWani01{ width:12rem; }
	.openCampusWani01 > p{ width:auto; font-size:0.6rem; line-height:130%; white-space:nowrap; position:absolute; bottom:0; left:80%; }
	.openCampusWani02{ width:4rem; padding-bottom:1.2rem; }
	.openCampusWani02 > p{ width:auto; font-size:0.4rem; line-height:130%; white-space:nowrap; position:absolute; bottom:0; right:0; }

	.openCampusBox01{ width:100%; display:flex; flex-direction:column; }
	.openCampusBox01L{ width:100%; }
	.openCampusBox01L > p{}
	.openCampusBox01R{ width:100%; display:flex; flex-direction:column; align-items:center; }
	.openCampusBox01R > div:nth-of-type(1){ width:50vw; margin-top:1rem; }
	.openCampusBox01R > div:nth-of-type(2){ width:100%; margin-top:2rem; }
	.openCampusBox01R > div:nth-of-type(2) > p{ font-size:1.4rem; font-weight:bold; text-align:center; }
	.openCampusSNS{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; }
	.openCampusSNS > a{ display:block; width:3rem; margin:0.6rem; }

	.openCampusBox02{ width:100%; display:flex; flex-wrap:wrap; flex-direction:column; border-top:1px solid #bababa; margin-top:1.5rem; padding-top:1rem; }
	.openCampusBox02L{ width:100%; }
	.openCampusBox02L > p{ font-size:1.2rem; font-weight:bold; color:#5d458c; line-height:120%; }
	.openCampusBox02R{ width:100%; }
	.openCampusBox02NoB{ border-top:none; }
	
	.openCampusBox03{ width:100%; display:flex; justify-content:space-between; align-items:flex-end; margin-top:1.4rem; }
	.openCampusBox03 > div:nth-of-type(1){ }
	.openCampusBox03 > div:nth-of-type(2){ width:calc(100% - 5rem); padding:0.4rem 0.8rem; background-color:#ffffff; border:8px solid #ffff00; border-radius:1rem; }

	.openCampusBox04{ width:100%; display:flex; flex-direction:column; margin-top:1rem; }
	.openCampusBox04L{ width:100%; padding:0.8rem; border-radius:1rem 1rem 0 0; background-color:#5d458c; }
	.openCampusBox04L a:hover{ color:#ffffff; text-decoration:none;}
	.openCampusBox04R{ width:100%; padding:0.8rem; border-radius:0 0 1rem 1rem; border:1px solid #bababa;  }

	.openCampusBox05{ width:100%; display:flex; justify-content:space-between; align-items:flex-end; margin-top:2rem; padding-top:3rem; border-top:1px solid #bababa; }
	.openCampusBox05 > div:nth-of-type(1){ }
	.openCampusBox05 > div:nth-of-type(2){ width:calc(100% - 5rem); padding:0.4rem 0.8rem; background-color:#ffffff; border:8px solid #ffff00; border-radius:1rem; }
	.openCampusBox05 > div:nth-of-type(2) > p > span{ color:#bababa; }

	.openCampusStr01{ width:100%; padding-bottom:0.4rem; display:flex; align-items:flex-start; justify-content:space-between; }
	.openCampusStr01 > p:nth-of-type(1){ flex:1; font-size:1.4rem; font-weight:bold; padding-right:0.5rem; line-height:120%; }
	.openCampusStr01 > p:nth-of-type(2){ line-height:140%; }

	.openCampusSubStr01{ color:#ffffff; line-height:140%; font-size:1.2rem; font-weight:bold; padding-bottom:0.2rem; display:block; }
	.openCampusSubStr02{ color:#ffffff; line-height:140%; font-size:1rem; text-decoration:none; padding-bottom:0.4rem; display:block; }
	.openCampusSubStr03{ color:#ffffff; line-height:140%; font-size:0.875rem; text-decoration:none; padding-bottom:0.2rem; display:block; }

	.openCampusSubStr04{ font-size:0.875rem; line-height:160%; }
	.openCampusSubStr05{ font-size:1rem; font-weight:bold; line-height:160%; }
	.openCampusSubStr06{ font-size:1.1rem; font-weight:bold; line-height:160%; }

	.openCampusLinkArrow01{ width:1.2rem; line-height:140%; top:0.1rem; position:relative; margin-left:0.2rem; }
	.openCampusLinkArrow02{ width:1rem; line-height:140%; top:0.1rem; position:relative; margin-left:0.2rem; }
	.openCampusLinkArrow03{ width:0.875rem; line-height:140%; top:0.1rem; position:relative; margin-left:0.2rem; }

	.openCampusCaution01{ font-size:0.75rem; color:#ffffff; text-align:center; padding:0.2rem 0.4rem; background-color:#333333; }
	.openCampusCaution02{ font-size:0.75rem; color:#ffffff; text-align:center; padding:0.2rem 0.4rem; background-color:#ff4e45; }

	.openCampusVenueBox01{ display:flex; margin-bottom:1.4rem; }
	.openCampusVenueBox01 > p{ font-size:0.875rem; line-height:1.6rem; padding:0 0.8rem; }
	.openCampusVenueBox01 > p:nth-of-type(1){ color:#ffffff; background-color:#333333; }
	.openCampusVenueBox01 > p:nth-of-type(2){ background-color:#ebebeb; }

	.openCampusEntryBtn{ width:100%; }
	

	/* toggleBox OC */
	.toggleBoxTriggerOC{ background-color:#333333; }
	.toggleBoxTriggerOC > p{ color:#ffffff; }
	.toggleBoxTriggerOC > div{ background-image:url(../../common/img/iconArrowType04D.svg); background-size:auto; }
	.toggleBoxBodyOC{ margin-bottom:3rem; }

	/* ボタンタイプ101 [高さ3.6rem 右端に矢印 カド丸] SPカスタム */
	.btnType101{ height:5rem; font-size:1.1rem; line-height:1.4rem; flex-direction:column; align-items:center; }
	.btnType101:after{ line-height:5rem; }
	.btnType101 > span{ font-size:0.9rem; }
	
}
/*===================================================================
  PC
===================================================================*/
@media( min-width:960px )
{
	html{ width:100%; font-size:16px; color:#333333; background-color:#efecf3; }

	/* events */
	.openCampusWrapper{ width:1000px; margin:auto; margin-top:2rem; margin-bottom:-5rem; background-color:#ffffff; border-radius:2rem; padding:3rem; }
	.openCampusHeaderLogo{ width:100%; padding:1rem; display:flex; justify-content:center; background-color:#ffffff; }
	.openCampusHeaderLogo > a{ width:15rem; }
	.openCampusPageTitle{ background-color:#5d458c; padding:2rem; display:flex; justify-content:center; align-items:center; }
	.openCampusPageTitle > p{ font-size:2.4rem; font-weight:bold; color:#ffffff; }
	.openCampusDate{ margin-top:2rem; }
	.openCampusDate > p{ font-size:1.8rem; font-weight:bold; color:#5d458c; text-align:center; line-height:140%; }
	.openCampusDate > p > span{ font-size:3rem; }
	.openCampusTime > p{ font-size:2rem; font-weight:bold; color:#5d458c; text-align:center; line-height:140%; }
	.openCampusVenue{ display:flex; justify-content:center; align-items:center; }
	.openCampusVenue > p{ font-size:1.2rem; font-weight:bold; color:#5d458c; text-align:center; line-height:100%; }
	.openCampusVenue > a{ margin-left:1rem; }
	
	.openCampusWani01{ width:14rem; }
	.openCampusWani01 > p{ width:auto; font-size:0.6rem; line-height:130%; white-space:nowrap; position:absolute; bottom:0; left:80%; }
	.openCampusWani02{ width:4.6rem; }
	.openCampusWani02 > p{ width:auto; font-size:0.6rem; line-height:130%; white-space:nowrap; position:absolute; bottom:0.2rem; right:85%; }

	.openCampusBox01{ width:100%; display:flex; }
	.openCampusBox01L{ width:60%; }
	.openCampusBox01L > p{ font-size:1.2rem; line-height:200%; }
	.openCampusBox01R{ flex:1; margin-left:3rem; display:flex; flex-direction:column; align-items:center; }
	.openCampusBox01R > div:nth-of-type(1){ margin-top:-4rem; }
	.openCampusBox01R > div:nth-of-type(2){ margin-top:2rem; }
	.openCampusBox01R > div:nth-of-type(2) > p{ font-size:1.4rem; font-weight:bold; }
	.openCampusSNS{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; }
	.openCampusSNS > a{ display:block; width:3rem; margin:0.6rem; }

	.openCampusBox02{ width:100%; display:flex; flex-wrap:wrap; border-top:1px solid #bababa; margin-top:2rem; padding-top:1.4rem; }
	.openCampusBox02L{ width:10rem; margin-right:3rem; }
	.openCampusBox02L > p{ font-size:1.4rem; font-weight:bold; color:#5d458c; text-align:right; }
	.openCampusBox02R{ width:calc(100% - 13rem); }
	.openCampusBox02NoB{ border-top:none; padding-top:0; }

	.openCampusBox03{ width:100%; display:flex; justify-content:space-between; align-items:flex-end; margin-top:2rem; }
	.openCampusBox03 > div:nth-of-type(1){ }
	.openCampusBox03 > div:nth-of-type(2){ width:calc(100% - 6rem); padding:0.8rem 1rem; background-color:#ffffff; border:8px solid #ffff00; border-radius:1rem; }

	.openCampusBox04{ width:100%; display:flex; margin-top:1rem; }
	.openCampusBox04L{ width:45%; padding:1rem; border-radius:1rem 0 0 1rem; background-color:#5d458c; }
	.openCampusBox04L a:hover{ color:#ffffff; text-decoration:none;}
	.openCampusBox04R{ flex:1; padding:1rem; border-radius:0 1rem 1rem 0; border:1px solid #bababa;  }

	.openCampusBox05{ width:100%; display:flex; justify-content:space-between; align-items:flex-end; margin-top:2rem; padding-top:5rem; padding-left:7rem; border-top:1px solid #bababa; }
	.openCampusBox05 > div:nth-of-type(1){ }
	.openCampusBox05 > div:nth-of-type(2){ width:calc(100% - 6rem); padding:0.8rem 1rem; background-color:#ffffff; border:8px solid #ffff00; border-radius:1rem; }
	.openCampusBox05 > div:nth-of-type(2) > p > span{ color:#bababa; }

	.openCampusStr01{ width:100%; padding-bottom:0.4rem; display:flex; align-items:center; flex-wrap:wrap; }
	.openCampusStr01 > p:nth-of-type(1){ font-size:1.6rem; font-weight:bold; margin-right:1rem; line-height:160%; }
	.openCampusStr01 > p:nth-of-type(2){}

	.openCampusSubStr01{ color:#ffffff; line-height:140%; font-size:1.2rem; font-weight:bold; padding-bottom:0.2rem; display:block; }
	.openCampusSubStr02{ color:#ffffff; line-height:140%; font-size:1rem; text-decoration:none; padding-bottom:0.4rem; display:block; }
	.openCampusSubStr03{ color:#ffffff; line-height:140%; font-size:0.875rem; text-decoration:none; padding-bottom:0.2rem; display:block; }

	.openCampusSubStr04{ font-size:1rem; }
	.openCampusSubStr05{ font-size:1.1rem; font-weight:bold; }
	.openCampusSubStr06{ font-size:1.25rem; font-weight:bold; }

	.openCampusLinkArrow01{ width:1.2rem; line-height:140%; top:0.1rem; position:relative; margin-left:0.2rem; }
	.openCampusLinkArrow02{ width:1rem; line-height:140%; top:0.1rem; position:relative; margin-left:0.2rem; }
	.openCampusLinkArrow03{ width:0.875rem; line-height:140%; top:0.1rem; position:relative; margin-left:0.2rem; }

	.openCampusCaution01{ display:inline-block; font-size:0.8rem; color:#ffffff; padding:0 0.8rem; line-height:1.6rem; background-color:#333333; }
	.openCampusCaution02{ display:inline-block; font-size:0.8rem; color:#ffffff; padding:0 0.8rem; line-height:1.6rem; background-color:#ff4e45; }

	.openCampusVenueBox01{ display:flex; margin-bottom:1.4rem; }
	.openCampusVenueBox01 > p{ font-size:0.875rem; line-height:1.6rem; padding:0 0.8rem; }
	.openCampusVenueBox01 > p:nth-of-type(1){ color:#ffffff; background-color:#333333; }
	.openCampusVenueBox01 > p:nth-of-type(2){ background-color:#ebebeb; }

	.openCampusEntryBtn{ width:100%; }
	

	/* toggleBox OC */
	.toggleBoxTriggerOC{ background-color:#333333; }
	.toggleBoxTriggerOC > p{ color:#ffffff; }
	.toggleBoxTriggerOC > div{ background-image:url(../../common/img/iconArrowType04D.svg); background-size:auto; }
	.toggleBoxBodyOC{ margin-bottom:3rem; }

	/* ボタンタイプ101 [高さ3.6rem 右端に矢印 カド丸] PCカスタム */
	.btnType101 > span{ font-size:1rem; }
	
}


.cPurple{ color:#5d458c; }