/*全体枠*/
.wrap {
	width: 100%;
	margin: 0;
}
/*ページ上部へ*/
.pagetop
    {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 999999;
    }

.pagetop a
    {
	  box-sizing: border-box;
	  width: 60px;
	  height: 60px;
	  border-radius: 500px;
	  background: #28246A;
	  color: #FFF !important;
	  vertical-align: middle;
	  display: inline-flex;
	  justify-content: center;
	  align-items: center;
	  transition: .1s ease-in-out;
	  transition-property: color,background-color;
	  line-height: normal;
	  text-decoration: none !important;
	  font-size: .7rem;
	  margin: 0 .5rem .5rem 0;
    }

.pagetop:hover
{
    opacity: 0.85 ;
}

/*共通フッター*/
.acw-footer-labelctn {
  width: 192px;
  height: auto;
  box-sizing: border-box;
}
a.acw-footer-label { text-decoration: none; }
.acw-footer-label {
  font-size: .7rem;
  padding: 0 10px 0 4px;
  text-transform: none;
  line-height: 2.3;
}
.acw-footer-label::before {
  content: "";
  width: 1em;
  height: 1em;
  float: left;
  padding: .5em;
  margin: 2px .5em 2px 0;
  background-size: cover;
}
@media screen and (max-width:768px) {
.acw-footer-labelctn {
	width:100%;
}
.acw-footer-label {
  font-size: .875rem;
  padding: 10px;
}
}






/*背景指定*/
.bgBlue .bg01 {
	background: url("../images/event-page/blue_bg01.png") no-repeat 0 0;
	background-size: 100% 100%;
}
.bgBlue .bg02 {
	background: url("../images/event-page/blue_bg02.png") repeat 0 0;
}
.bgBlue .bg03 {
	background: #fdfdfb url("../images/event-page/blue_bg03.png") no-repeat 0 bottom;
	background-size: 100% auto;
}



/*基本構成*/
section {
	margin: 1.5rem 3rem;
	line-height: 1.8;
    font-size: 0.85rem;
    letter-spacing: 1px;
}

@media screen and (max-width:768px) {
section {
	padding: 1rem;
	margin: 0 1rem;
	line-height: 1.8;
    font-size: 1rem;
    letter-spacing: 1px;
}
}

section h2 {
	font-size: 1.8rem;
	margin: 2rem 0;
	font-weight: 700;
}


h1 {
	margin: 0;
	padding: 0;
	font-size:2rem;
	color: #141414;
}
/*メインバナー*/
.mainImg img {
	width: 100%;
	height: auto;
}
/*SNSなど*/
.snstagArea {
	overflow: hidden;
	padding: 0 2rem;
}
.snstagArea ul {
	margin: 0;
	padding: 0;
}
.snstagArea li {
	display: inline-block;
}
.tag-buttons {
	float: left;
}
.tag-buttons>li {
	color: #ffffff;
	padding: 2px 6px;
	font-size: 0.75rem;
    font-weight: bold;
	border-radius: 4px;
}
/*参加申し込みボタン*/
.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 0;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.buttonArea {
    padding: 0 2em;
    margin: 1em 3em 3em;
	text-align: center;
	list-style-type: none;
	border-radius: 4px;
}
@media screen and (max-width:768px) {
.buttonArea {
	padding: 0 1em;
	margin: 1em 1em 1em;
	text-align: center;
	list-style-type: none;
}
}

/* イベント詳細ページ受付終了ボタンのstyle */
.buttonArea>li>button {
	background-color: #8E8E8E;
	opacity: 0.5;
	border-bottom: 5px solid #6c6a6a;
	cursor: not-allowed;
	color: #fff;
	margin-bottom: 1em;
}

.buttonArea>li>a {
	margin-bottom: 1em;
}

.buttonArea li:nth-child(2){
 font-size: 0.75rem;
 text-align: left;
 margin-top: 1.5rem;
 color: #c80813;
}
a.btn--orange {
  color: #fff;
  background-color: #E20B17;
  position: relative;
  top: 0;
}
a.btn--orange:hover {
  color: #fff;
  filter: brightness(1.05) contrast(1.2);
  transition: 0.3s ease-in-out;
  top: 5px;
}
a.btn--shadow:not(:root) {
  box-shadow: 0 5px #a40a13;
}
a.btn--shadow:hover:not(:root) {
  box-shadow: 0 0 #a40a13;
}

/*日時等*/
.text-box dl {
	margin: 0;
	padding: 0;
	color: #141414;
}
.text-box dl:first-child {
	margin: -1rem 0 1rem;
	text-align: center;
}
.text-box dl:first-child dt span {
    background:linear-gradient(transparent 60%, #ff6 60%);
}
.text-box dl:first-child dt {
	font-size:  26px;
}
.text-box dl:first-child dd {
	font-size:  20px;
}
.text-box dl:first-child dd:nth-child(3) {
	font-size:  14px;
}
@media screen and (min-width: 768px) {
	.text-box dl:first-child dt {
		font-size:  2.5rem;
	}
	.text-box dl:first-child dd {
		font-size:  2rem;
	}
	.text-box dl:first-child dd:nth-child(3) {
		font-size:  1rem;
	}
}

.text-box dl:nth-child(2) {
	font-size:  1rem;
	overflow: hidden;
}
.text-box dl:nth-child(2) dt {
	width: 20%;
	float: left;
}
.text-box dl:nth-child(2) dd {
	width: 80%;
	float: left;
}
@media screen and (max-width:768px) {
.text-box dl:nth-child(2) dt {
	width: 100%;
	float: none;
    padding: 10px 0;
    font-size: 1.25rem;
}
.text-box dl:nth-child(2) dd {
    border-right: none;
    width: 100%;
    padding: 0 0 1.5rem;
}
}



/*参加予定企業*/
.company-list h2 {
	font-size: 1rem;
	margin: 0;
	color: #141414;
}
.company-list {
	border: 2px solid #d0d0d0;
	padding: 1rem;
    margin: 1.5rem 1.5rem;
	color: #141414;
	border-radius: 4px;
}
@media screen and (min-width:768px) {
	.company-list {
		padding: 1.5rem;
		margin: 3rem 3rem;
	}
}
.company-list ul {
	padding: 0;
	margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.company-list li {
	list-style-type: none;
	width : calc(100% / 5.25) ;
	margin: 1em 0;
	text-align: center;
}
.company-list li img {
    height: 8.1vw;
    max-height: 150px;
    object-fit: contain;
}

.company-list li span {
    font-size: 14px;
    font-feature-settings:"palt";
}
@media screen and (max-width: 768px){
.company-list ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.company-list li {
    width:50%;
}
.company-list li img {
    height: 25.1vw;
}
}

.company-list li a {
	font-size: 0.45rem;
	color: #555;
}
.company-list li a:hover {
	opacity: 0.5;
	text-decoration: none;
}


/*イベントの特徴*/
.event-features {
	color: #141414;
}
.event-features h3 {
	font-size: 1.25rem;
	margin: 2rem 0;
	font-weight: bold;
}


/*事前予約特典*/
.event-benefits {
    background: #ffffff;
}
.event-benefits h3 {
font-size: 1.25rem;
margin: 2rem 0;
font-weight: bold;
}
.event-benefits p {
    color: #141414;
}



/*タイムスケジュール*/
.dlTable {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
/* スマホ時タイムテーブルがはみ出さないようにする */
.dlTable * {
	box-sizing: border-box;
}
.dlTable dt,
.dlTable dd {
margin: 2.5px 0;
}
.dlTable dt {
	font-size: 1rem;
    padding: 0.8rem 0;
    text-align: center;
    font-weight: normal;
    width: 32%;
    color: #ffffff;
background: rgba(91,91,91,0.7);
}
.dlTable dd {
	font-size: 1rem;
	width: calc(100% - 35%);
	padding: 0.8rem;
background: rgba(255,255,255,0.6);
color: #141414;
}

@media screen and (max-width:1385px) {
.dlTable dt {
    width: 31%;
}
.dlTable dd {
	width: calc(100% - 35%);
}
}
@media screen and (max-width:1240px) {
.dlTable dd {
	width: calc(100% - 36%);
}
}
@media screen and (max-width:1024px) {
.dlTable {
    width: 100%;
    border-left: none;
    display: block;
}
.dlTable dt,
.dlTable dd {
    border-right: none;
    width: 100%;
    padding: 10px 15px;
}
.dlTable dt {
    border-bottom: none;
}
}


/**/
.faq dl {
font-weight: normal;
color: #141414;
}
.faq dt  {
font-size: 1.25rem;
font-weight: bold;
padding-left: 2.5rem;
margin-bottom: 1rem;
background: url("../images/event-page/ico_q.png") no-repeat left 4px;
}
.faq dd  {
font-size: 1rem;
margin-bottom: 3rem;
padding-left:2.5rem;
background: url("../images/event-page/ico_a.png") no-repeat left 4px;
}
.faq dt span,
.faq dd span {
display: none;
}


/* イベント詳細ページセクション見出しstyle */
.faq>h2,
.event-features>h2,
.event-benefits>h2,
.time-schedule>h2 {
    color: #141414;
	padding: 0 0.7em;
    border-left: 5px solid #2d96dc;
}

/* 申し込みフォーム　デザイン調整　--------------------*/

/*右カラムレスポンシブ対応 768px;*/
.rightContent {
    width: 100%;
}


.uk-form-label {
	font-weight: bold;
}

/* 変更の出来ない自動入力されている箇所 */

.infoConfirm .attention {
	padding: 1em;
	border: 1px dotted #141414;
	border-radius: 4px;
	color: #141414;
}
.infoConfirm .attention dl {
	margin: 0;
	font-size: .875rem;
}
.infoConfirm .attention dl dt{
}
.infoConfirm .attention dl dd{
	display: inline-block;
	padding: 0.5rem;
}

/* 追加で入力をする箇所 */
.sendInformation {
	margin: 0;
	padding: 1em 0;
	background: #FFFAF0;
	border-radius: 5px;
	color: #141414;
}
.sendInformation label {
	font-size: 14px;
	color: #141414;
}

.infoConfirm input {
	margin-right: 1em;
}

.newInformation .uk-input {
    max-width: 100%;
    width: 100%;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
    border-radius: 4px;
    letter-spacing: 1px;
	border: 1px solid #141414;
	font-size: 14px;
	padding: 0.5em 1em;
	color: #141414;
}
.newInformation .uk-select {
    max-width: 100%;
    width: 100%;
    padding: 0 0.8rem;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
    border-radius: 4px;
    letter-spacing: 1px;
	border: 1px solid #141414;
	font-size: 14px;
	padding: 0.5em 1em;
	color: #141414;
}
.newInformation .uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 1rem 0.8rem;
    background: #fff;
    color: #666;
    border: 1px solid #141414;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 1px;
}
.newInformation .uk-radio,
.newInformation .uk-checkbox {
	margin-right: 0.5rem;
}

.eventVisual>a {
	transition: all 0.3s;
}

.eventVisual>a:hover {
	filter: brightness(1.05);
	transition: all 0.3s;
}

.eventVisual .eventName  {
	color: #141414;
	font-weight: bold;
	text-decoration: underline;
}

.ECM_RadioInput {
padding: 8px;
display: flex;
align-items: center;
cursor: pointer;
}
.ECM_RadioInput:hover {
background: rgba(0,0,0,0.05);
}
.ECM_RadioInput-Input {
opacity: 0;
width: 0;
margin: 0;
}
.ECM_RadioInput-Input:focus + .ECM_RadioInput-DummyInput {
border: solid 2px #0CA6F2;
/*background: #CEEEFF;*/
}
.ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput {
border: solid 2px #0CA6F2;
}
.ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
border-radius: 50%;
background: #0CA6F2;
}
.ECM_RadioInput-DummyInput {
position: relative;
top: 0;
left: 0;
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
background: #fff;
border: solid 2px #888;
}
.ECM_RadioInput-LabelText {
margin-left: 12px;
display: block;
font-size: 16px;
}

/* ボタン（オレンジ） */
.acw-button-orange {
  background-color: #fc7d34;
  color: #fff;
  border: 1px solid transparent;
  text-transform: none;
}

/* uenoが追加 hoverするとボタンが真っ白になる問題を解消 */
.acw-button-orange:hover {
    background-color: #f17934;
    color: #fff;
    border: 1px solid transparent;
    text-transform: none;
  }

.bgOrange {
	background-color: rgba(252, 125, 52, .06);
}

.sectionA p {
	margin: 10px 0 30px;
}
.sectionA p,label {
	color: #141414;
}


.sectionB p {
	margin: 10px 0 30px;
}


.iLink a {
  background:url(../images/event-page/ico_link.png) no-repeat right center;
  padding-right:18px;
  display: inline-block;
  font-size: 14px;
}


/* 申し込み状況　デザイン調整　--------------------*/

.eventConflistAll {
}

.event-applicationApplied-list .eventConflistAll {
	background: #ebebeb;
    padding: 30px;
}

.eventConflistAll .onAirArea {
	display: flex;
	flex-direction: column;
    gap: 40px 0;
}

@media screen and (min-width:768px) {
.eventConflistAll .onAirArea {
	flex-wrap: wrap;
	flex-direction: row;
	gap: 40px 20px;
	}
}
.eventConfDetail {
	color: #141414;
    position: relative;
    z-index: 2;
    background: #ffffff;
    box-shadow: 0 6px 6px rgba(72, 56, 44, 0.06);
    border-radius: 8px;
	width: 100%;
    padding: 40px 0;
	position: relative;
    transition: 0.3s all ease-in-out;
}
@media screen and (min-width:768px) {
	.eventConfDetail {
		box-shadow: 0 6px 6px rgba(72, 56, 44, 0.06);
		width: 31%;
	}
	}
.eventConfDetail:hover {
	color: #141414;
	box-shadow: 0px 18px 20px -5px rgb(72 56 44 / 26%);
    transform: translateY(-5px);
    transition: 0.3s all ease-in-out;
}
@media screen and (max-width:1010px) {
.eventConfDetail {
    min-height: 160px;
}
}
@media screen and (max-width:615px) {
.eventConfDetail {
    min-height: 200px;
}
}
/* 開催中のイベントを強調するstyle */
.eventConfDetail.onAir {
	box-shadow: 0px 18px 20px -5px rgb(72 56 44 / 26%);
    transform: translateY(-5px);
}
.eventConfDetail.onAir .line {
	border-left: 1px solid #ffffff;
}
.eventConfDetail a {
color: #000;
}
.eventConfDetail a:hover {
opacity: .5;
}

.eventConfDetail .cp_ribbon_red,
.eventConfDetail .cp_ribbon_pink,
.eventConfDetail .cp_ribbon_lightGray,
.eventConfDetail .cp_ribbon_gray,
.eventConfDetail .cp_ribbon_green,
.eventConfDetail .cp_ribbon_lightBlue {
	width: auto;
    padding-left: 1em;
    padding-right: 1em;
	font-weight: bold;

}

.eventConfDetail .cp_ribbon_red>span,
.eventConfDetail .cp_ribbon_pink>span,
.eventConfDetail .cp_ribbon_lightGray>span,
.eventConfDetail .cp_ribbon_gray>span,
.eventConfDetail .cp_ribbon_green>span,
.eventConfDetail .cp_ribbon_white>span,
.eventConfDetail .cp_ribbon_lightBlue>span {
	font-size: 12px;
	vertical-align: bottom;

}

.eventConfDetail .cp_ribbon_red {
font-weight: bold;
background: #E20B17;
}
.eventConfDetail .cp_ribbon_red:before {
    border-top: 15px solid #E20B17;
    border-left: 0px solid #E20B17;
    border-bottom: 15px solid #E20B17;
    border-right: 15px solid transparent;
}

.eventConfDetail .cp_ribbon_red:after {
    border-top: 5px solid #e20b17a8;
    border-right: 5px solid #e20b17a8;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
}

.eventConfDetail .title  {
padding: 10px 10px;
font-weight: 600;
text-align: left;
font-size: 1.15rem;
line-height: 1.3;
min-height: 120px;
}

.eventConfDetail .day {
    background: #f4f5ec;
    padding: 15px 0;
    text-align: center;
    font-size: 1.15rem;
    font-weight: 600;
    padding: 10px 10px;
}
.eventConfDetail .day dt {
font-weight: normal;
font-size: 16px;
}
.eventConfDetail .day dd {
font-size: 24px;
margin-top: 6px;
}
.eventConfDetail .day dd.time {
font-size: 18px;
background: url("../images/event-page/ico_time.png") no-repeat left center;
padding-left: 26px;
}
@media screen and (max-width:683px) {
}
@media screen and (max-width:600px) {
.eventConfDetail .day {
	float: none;
	width: 100%;
}
}

.eventConfDetail .day dd.time {
font-size: 18px;
padding-left: 26px;
}


.eventConfDetail dl.eventName {
	padding: 0 10px;
}
.eventConfDetail .eventName dt img {
}
.eventConfDetail .eventName dd {
margin-left: 1em;
}
@media screen and (max-width:600px) {
.eventConfDetail dl.eventName {
	overflow: hidden;
}
.eventConfDetail .eventName dt {
width:100%;
margin: .8em 0;
}
.eventConfDetail .eventName dd {
width:100%;
margin-left: 0;
}
}


.arrow {
position: absolute;
top: 33%;
right: 3%;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent #282768;
}


/*　開催中波紋 アニメーション　*/
.meetingCircle {
width: 20vw;
height: 20vw;
display: flex;
align-items:     center;
justify-content: center;
position:absolute;
z-index: 1;
top: -40px;
left: -20px;
}
@media screen and (min-width:768px) {
.meetingCircle {
width:  20vw;
height: 20vw;
top: -90px;
left: -60px;
}
}
@media screen and (min-width:1080px) {
.meetingCircle {
	width: 10vw;
	height: 10vw;
    top: calc(50% - 240px);
    left: -40px;
}
}
div.circle {
width:  80%;
height: 80%;
border: solid thin #bde5fa;
border-radius: 50%;
animation: wave 2s infinite;
position: absolute;
}

div.circle.layer-0 {
  animation-delay: 0s;
}
div.circle.layer-1 {
  animation-delay: 0.2s;
}
div.circle.layer-2 {
  animation-delay: 0.4s;
}
div.circle.layer-3 {
  animation-delay: 0.6s;
}

@keyframes wave {
  from {
    width:  0%;
    height: 0%;
    box-shadow: 0 0 100px inset #21a7ef;
  }
  to {
    width:  100%;
    height: 100%;
    opacity:   0;
  }
}





/*　各種ラベル　*/
.cp_ribbon_red,
.cp_ribbon_pink, /* uenoが追加 */
.cp_ribbon_lightGray,
.cp_ribbon_gray,
.cp_ribbon_green,
.cp_ribbon_lightBlue {
	line-height: 2.2em;
	position: absolute;
	top: 0;
	left: -10px;
	width: 100px;
	height: 30px;
	padding-left: 1em;
	color: #ffffff;
	font-size:14px;
}


/* リボン赤（参加確定） */
.cp_ribbon_red {
	background: #fc4246;
}
.cp_ribbon_red:before {
	position: absolute;
	top: 0;
	right: -15px;
	content: '';
	border-top: 15px solid #fc4246;
	border-left: 0px solid #fc4246;
	border-bottom: 15px solid #fc4246;
	border-right: 15px solid transparent;
}
.cp_ribbon_red:after {
	position: absolute;
	top: 30px;
	left: 0;
	content: '';
	border-top: 5px solid #fa9597;
	border-right: 5px solid #fa9597;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}

/* uenoが追加 ここから */
/* 参加確定 */
.cp_ribbon_pink {
	background: #f83b83;
}
.cp_ribbon_pink:before {
	position: absolute;
	top: 0;
	right: -15px;
	content: '';
	border-top: 15px solid #f83b83;
	border-left: 0px solid #f83b83;
	border-bottom: 15px solid #f83b83;
	border-right: 15px solid transparent;
}
.cp_ribbon_pink:after {
	position: absolute;
	top: 30px;
	left: 0;
	content: '';
	border-top: 5px solid #fa9597;
	border-right: 5px solid #fa9597;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}
/* uenoが追加 ここまで */

/* リボングレー明（参加不可） */
.cp_ribbon_lightGray {
	background: #bfbfbf;
}
.cp_ribbon_lightGray:before {
	position: absolute;
	top: 0;
	right: -15px;
	content: '';
	border-top: 15px solid #bfbfbf;
	border-left: 0px solid #bfbfbf;
	border-bottom: 15px solid #bfbfbf;
	border-right: 15px solid transparent;
}
.cp_ribbon_lightGray:after {
	position: absolute;
	top: 30px;
	left: 0;
	content: '';
	border-top: 5px solid #e6e5e5;
	border-right: 5px solid #e6e5e5;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}
/* リボングレー濃（参加済み） */
.cp_ribbon_gray {
	background: #656667;
}
.cp_ribbon_gray:before {
	position: absolute;
	top: 0;
	right: -15px;
	content: '';
	border-top: 15px solid #656667;
	border-left: 0px solid #656667;
	border-bottom: 15px solid #656667;
	border-right: 15px solid transparent;
}
.cp_ribbon_gray:after {
	position: absolute;
	top: 30px;
	left: 0;
	content: '';
	border-top: 5px solid #babcbd;
	border-right: 5px solid #babcbd;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}
/* リボン緑（申込完了） */
.cp_ribbon_green {
	background: #31a591;
}
.cp_ribbon_green:before {
	position: absolute;
	top: 0;
	right: -15px;
	content: '';
	border-top: 15px solid #31a591;
	border-left: 0px solid #31a591;
	border-bottom: 15px solid #31a591;
	border-right: 15px solid transparent;
}
.cp_ribbon_green:after {
	position: absolute;
	top: 30px;
	left: 0;
	content: '';
	border-top: 5px solid #8fd2c6;
	border-right: 5px solid #8fd2c6;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}
/* リボン水色（キャンセル待ち） */
.cp_ribbon_lightBlue {
	background: #21a7ef;
}
.cp_ribbon_lightBlue:before {
	position: absolute;
	top: 0;
	right: -15px;
	content: '';
	border-top: 15px solid #21a7ef;
	border-left: 0px solid #21a7ef;
	border-bottom: 15px solid #21a7ef;
	border-right: 15px solid transparent;
}
.cp_ribbon_lightBlue:after {
	position: absolute;
	top: 30px;
	left: 0;
	content: '';
	border-top: 5px solid #61c3f8;
	border-right: 5px solid #61c3f8;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}
/* リボン白（キャンセル済み） */
.cp_ribbon_white {
	line-height: 2.2em;
	position: absolute;
	top: 0;
	left: -10px;
	width: 147px;
	height: 32px;
	padding-left: 1em;
	color: #555555;
	background: url("../images/event-page/riwhite.png") no-repeat left top;
	font-size:14px;

}
.cp_ribbon_white:after {
	position: absolute;
	top: 30px;
	left: 0;
	content: '';
	border-top: 5px solid #555555;
	border-right: 5px solid #555555;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}


/* イベント申込済みイベント詳細 ------------------------------------------------*/

.inner_ribbon {
	position: absolute;
	top: 3.7%;
	left: 2%;
}
/*　キャンセルボタン　*/
.btnArea {
	overflow: hidden;
	padding: 1em 0 1em;
}
a.btn--green {
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  background-color: #31a591;
  border-top: 1px solid #31a591;
  border-right: 1px solid #31a591;
  border-left: 1px solid #31a591;
  border-bottom: 5px solid #2b9280;
  font-size: 12px;
  padding: .4em 1.5em;
  float: right;
}
a.btn--green:hover {
  margin-top: 3px;
  color: #fff;
  background: #31a591;
  border-bottom: 2px solid #2b9280;
}

a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

/*イベント申込み済みイベント詳細　全体　3行の場合　これで囲む*/
#taskListAll {
	background: url("../images/event-page/bg_line_grayl.png") no-repeat 40px 180px;
	background-size: auto 57%;
	padding: 5em 2em 0;
	position: relative;
}
/*イベント申込み済みイベント詳細　全体　4行の場合　これで囲む*/
#taskListAll02 {
	background: url("../images/event-page/bg_line_grayl.png") no-repeat 40px 180px;
	background-size: auto 70%;
	position: relative;
}

@media screen and (max-width:1198px) {
#taskListAll,
#taskListAll02 {
	background: url("../images/event-page/bg_line_grayl.png") no-repeat 40px top;
	background-size: auto 100%;
}
}
@media screen and (min-width:1351px) {
#taskListAll,
#taskListAll02 {
	background: url("../images/event-page/bg_line_grayl.png") no-repeat 40px top;
	background-size: auto 100%;
}
}
@media screen and (max-width:921px) {
#taskListAll,
#taskListAll02 {
	background: url("none");
	padding: 0 1em 0;
	overflow: hidden;
}
}
#taskListAll h3,
#taskListAll02 h3 {
display: inline-block;
line-height: 80px;
width: 80px;
left: 80px;
background-color: #2D96DC;
color: #fff;
font-size: 14px;
text-align: center;
float: left;
clear: left;
font-weight: bold;
border-radius: 50%;
box-shadow: 0 0 0 7px #fff, inset 0 2px 0 rgb(0 0 0 / 8%), 0 3px 0 8px rgb(0 0 0 / 5%);
}

#taskListAll02 h3:nth-of-type(2) {
margin-top: 12%;
}
#taskListAll02 h3.last {
margin: 7em auto 5em;
}
@media screen and (max-width:921px) {
#taskListAll h3,
#taskListAll02 h3 {
display: block;
margin: 2em auto 2em;
float: none;
clear: left;
}
#taskListAll02 h3.last {
    margin: 2em auto 2em;
}
}

@media screen and (min-width:930px) {
#taskListAll h3,
#taskListAll02 h3 {
margin-top: 20%;
}
}
@media screen and (min-width:980px) {
#taskListAll h3,
#taskListAll02 h3 {
margin-top: 20%;
}
}
@media screen and (min-width:1027px) {
#taskListAll h3,
#taskListAll02 h3 {
margin-top: 18%;
}
}
@media screen and (min-width:1044px) {
#taskListAll h3,
#taskListAll02 h3 {
margin-top: 18%;
}
}
@media screen and (min-width:1060px) {
#taskListAll h3,
#taskListAll02 h3 {
margin-top: 15%;
}
}
@media screen and (min-width:1198px) {
#taskListAll h3,
#taskListAll02 h3 {
margin-top: 14%;
}
}
@media screen and (min-width:1260px) {
#taskListAll h3,
#taskListAll02 h3 {
margin-top: 16%;
}
}




@media screen and (min-width:1351px) {
#taskListAll h3,
#taskListAll02 h3 {
margin-top: 10%;
}
#taskListAll h3:nth-of-type(2) {
margin-top: 10%;
}
}
@media screen and (min-width:1580px) {
#taskListAll h3,
#taskListAll02 h3 {
margin-top: 10%;
}
#taskListAll h3:nth-of-type(2) {
margin-top: 10%;
}
#taskListAll02 h3:nth-of-type(2) {
margin-top: 10%;
}
}
@media screen and (min-width:1800px) {
#taskListAll h3,
#taskListAll02 h3 {
margin-top: 10%;
}
#taskListAll h3:nth-of-type(2) {
margin-top: 10%;
}
#taskListAll02 h3.last {
	margin: 7em auto 5em;
}
}




.preparationAll {
    width: 85%;
    margin-left: auto;
    display: flex;
    margin-bottom: 3em;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,.18);
}
@media screen and (max-width:921px) {
.preparationAll {
	display: inline;
	margin-bottom: 1em;
}
}

.preparationAll dt,dd {
	color: #141414;
}

.preparationAll dl {
position: relative;
}
.preparationAll dl .check {
	position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
}

@media not screen and (min-width: 1080px) {
	.preparationAll dl .check {
		position: absolute;
		right: 10px;
	}
}

.preparationAll dl.bk01,
.preparationAll dl.bk03,
.preparationAll dl.bk05,
.preparationAll dl.bk07 {
width: 48%;
float: left;
padding: 1.5em 1em;
border-radius: 5px;
position: relative;
z-index: 0;
background: #fff;
}

@media screen and (max-width:921px) {
.preparationAll dl.bk01,
.preparationAll dl.bk03,
.preparationAll dl.bk05,
.preparationAll dl.bk07 {
width: auto;
float: none;
padding: 1em;
margin-bottom: 5em;
border: 1px solid #dcdcdc;
min-height: auto;
margin-left: 0;
}
}


.preparationAll dl.bk01:before,
.preparationAll dl.bk05:before,
.preparationAll dl.bk07:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.preparationAll dl.bk01:after,
.preparationAll dl.bk05:after,
.preparationAll dl.bk07:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -28px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #dcdcdc;
  z-index: 1;
}
@media screen and (max-width:921px) {
.preparationAll dl.bk01:before,
.preparationAll dl.bk05:before,
.preparationAll dl.bk07:before {
  position: none;
  top: 0;
  left: 0;
  margin-top: 0;
  border: 0;
  border-right: 0;
  z-index: 0;
}

.preparationAll dl.bk01:after,
.preparationAll dl.bk05:after,
.preparationAll dl.bk07:after {
  content: none;
  position: none;
  top: 0;
  left: 0;
  margin-top: 0;
  border: 0;
  border-right: 0;
  z-index: 0;
}
}


.preparationAll .bkarrow {
width: 52%;
border-radius: 5px;
float: left;
padding: 1.5em 1em 1.5em 7%;
margin-top: 0;
margin-left: -2px;
background: #fff url("../images/event-page/task_arrow_pc.png") no-repeat -1px center;
background-size: auto 100%;
position: relative;
z-index: 10;
}
@media screen and (max-width:921px) {
.preparationAll .bkarrow {
width: auto;
float: none;
padding: 7em 1em 1em 1em;
margin-top: -6em;
margin-left: 0;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-top: none;
background: url("../images/event-page/task_arrow_sp.png") no-repeat center -2px;
background-size: 100% auto;
min-height: auto;
}
}
@media screen and (max-width:768px) {
.preparationAll .bkarrow {
width: auto;
float: none;
padding: 7em 1em 1em 1em;
margin-top: -6em;
margin-left: 0;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-top: none;
background: url("../images/event-page/task_arrow_sp.png") no-repeat center -2px;
background-size: 100% auto;
min-height: auto;
}
}
.preparationAll div {
position: relative;
}
.preparationAll div img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 5%;
z-index: 10;
}

.mgL {
margin-left: 103px !important;
}
@media screen and (max-width:921px) {
.mgL {
margin-left: 0 !important;
}
}


.preparationAll dl dt {
text-align: center;
font-size: 18px;
font-weight: bold;
padding-bottom: 100px;
}
.preparationAll .bk01 dt {
background: url("../images/event-page/ico_task01.png") no-repeat center 70%;
}
.preparationAll .bk02 dt {
background: url("../images/event-page/ico_task02.png") no-repeat center 70%;
}
.preparationAll .bk03 dt {
background: url("../images/event-page/ico_task03.png") no-repeat center 70%;
}
.preparationAll .bk04 dt {
background: url("../images/event-page/ico_task04.png") no-repeat center 70%;
}
.preparationAll .bk05 dt {
background: url("../images/event-page/ico_task05.png") no-repeat center 70%;
}
.preparationAll .bk06 dt {
background: url("../images/event-page/ico_task06.png") no-repeat center 70%;
}
.preparationAll .bk07 dt {
background: url("../images/event-page/ico_task07.png") no-repeat center 70%;
}
.preparationAll .bk08 dt {
background: url("../images/event-page/ico_task08.png") no-repeat center 70%;
}
.preparationAll dl dd {
font-size: 13px;
text-align: center;
}
.preparationAll dl dd button {
color: #ffffff;
font-weight: bold;
background: #2D96DC;
border: none;
padding: 8px 34px;
border-radius: 4px;
border: 1px solid transparent;
transition: all 0.3s ease-in-out;
font-size: 14px;
line-height: 1;
}
.preparationAll dl dd button:hover {
filter: brightness(1.05);
transition: all 0.3s ease-in-out;
}
.preparationAll dl dd button:disabled:hover {
filter: none;
cursor: not-allowed;
}
.preparationAll dl dd.txt {
display: block;
min-height:80px;
}

.preparationAll>[class*="bk"] {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.eventConfDetail-title {
	margin-bottom: 2em;
	position: relative;
	z-index: 2;
	background: #ffffff;
	margin-right: 1.5em;
	min-height: 280px;
}
@media screen and (max-width:1631px) {
.eventConfDetail-title {
	min-height: 240px;
}
}
@media screen and (max-width:1240px) {
.eventConfDetail-title {
	min-height: 200px;
}
}
@media screen and (max-width:425px) {
.eventConfDetail-title {
	margin-left: 2em;
	margin-top: 0;
}
}
.eventConfDetail-title a {
	font-size: clamp(28px, 4vw, 30px);
    display: inline-block;
    color: #141414;
    font-weight: bold;
    line-height: 1.4;
    text-align: left;
    padding: 15px 0 0;
	text-decoration: underline;
	transition: all 0.3s ease-in-out;
  }

.eventConfDetail-title a:hover {
	filter: brightness(1.05);
	transition: all 0.3s ease-in-out;
  }

.eventConfDetail-title .eventName {
	position: relative;
}
.eventConfDetail-title .eventName .cp_ribbon_red {

	}



.eventConfDetail-title .cp_ribbon_red,
.eventConfDetail-title .cp_ribbon_pink,
.eventConfDetail-title .cp_ribbon_lightGray,
.eventConfDetail-title .cp_ribbon_gray,
.eventConfDetail-title .cp_ribbon_green,
.eventConfDetail-title .cp_ribbon_lightBlue {
	width: auto;
    padding-left: 1em;
    padding-right: 1em;
	font-weight: bold;

}

.eventConfDetail-title .cp_ribbon_red>span,
.eventConfDetail-title .cp_ribbon_pink>span,
.eventConfDetail-title .cp_ribbon_lightGray>span,
.eventConfDetail-title .cp_ribbon_gray>span,
.eventConfDetail-title .cp_ribbon_green>span,
.eventConfDetail-title .cp_ribbon_white>span,
.eventConfDetail-title .cp_ribbon_lightBlue>span {
	font-size: 12px;
	vertical-align: bottom;

}

.eventConfDetail-title .cp_ribbon_red {
font-weight: bold;
background: #E20B17;
}
.eventConfDetail-title .cp_ribbon_red:before {
    border-top: 15px solid #E20B17;
    border-left: 0px solid #E20B17;
    border-bottom: 15px solid #E20B17;
    border-right: 15px solid transparent;
}

.eventConfDetail-title .cp_ribbon_red:after {
    border-top: 5px solid #e20b17a8;
    border-right: 5px solid #e20b17a8;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
}

.eventConfDetail-title .eventName dd a {
color: #000000;
}
@media screen and (max-width:921px) {
.eventConfDetail-title .eventName dt {
width:100%;
margin: .8em 0;
}
.eventConfDetail-title .eventName dd {
float: none;
width:100%;
margin-left: 0;
}
}
@media screen and (max-width:600px) {
.eventConfDetail-title dl.eventName {
	float: none;
	width: 100%;
}
.eventConfDetail-title .eventName dt {
width:100%;
margin: .8em 0;
}
.eventConfDetail-title .eventName dd {
float: none;
width:100%;
margin-left: 0;
}
}
.eventConfDetail-title .day {
    color: #141414;
	text-align: center;
	padding: 1.5rem;
    margin: 0 3rem;
    line-height: 1.8;
    font-size: 0.85rem;
    letter-spacing: 1px;
}

.eventConfDetail-title .day dt:first-child {
    font-size: 2.3rem;
}
@media not screen and (min-width: 1080px) {
  .eventConfDetail-title .day {
	  margin: 0;
	  padding: 0;
  }
  .eventConfDetail-title .day dt:first-child {
	  font-size: 1.6rem;
  }
}

.eventConfDetail-title .day dt:first-child span {
    background: linear-gradient(transparent 60%, #ff6 60%);
}
.eventConfDetail-title .day .time {
    color: #141414;
}

.onAirArea,
.onAirArea02 {
	position: relative;
}
.onAirArea02 .meetingCircle {
    width: 10vw;
    height: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 0;
    top: -50px;
    left: 50px;
}
@media screen and (max-width:921px) {
.onAirArea02 .meetingCircle {
    top: -40px;
    left: 0;
}
}
@media screen and (max-width:800px) {
.onAirArea02 .meetingCircle {
    top: -40px;
    left: 0;
}
}
@media screen and (max-width:600px) {
.onAirArea02 .meetingCircle {
    top: -30px;
    left: 0;
}
}
@media screen and (max-width:450px) {
.onAirArea02 .meetingCircle {
    top: -20px;
    left: 0;
}
}

/* スカウトイベント学生へのフィードバック画面 ------------------------------------------------*/

.feedback {
	overflow-x: auto;
	box-sizing: border-box;
}

.feedback_table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	border: none;
}

.feedback_td {
	color: #141414;
	text-align: left;
	font-size: 14px;
	width: 100%;
    padding: 10px 12px;
}

.feedback_td:last-of-type {
	text-align: left;
	width: 100%;
}

.feedback_th {
	font-weight: bold;
	color: #141414;
	text-align: left;
	font-size: 14px;
	width: 100%;
    padding: 10px 12px;
}

.feedback_th:last-of-type {
	text-align: left;
	width: 100%;
}

@media not screen and (min-width:960px) {
    .feedback_table tr:first-of-type {
        border-top: none;
    }

	.feedback_td {
		display: block;
		padding: 16px 12px 16px;
	}

	.feedback_title_for_mobile {
		font-weight: bold;
		color: #141414;
		text-align: left;
		font-size: 14px;
		width: 100%;

	}

	.feedback {
		max-width: 100%;
	}

	.feedback_table {
		width: 100%;
	}

	.feedback_td:last-of-type {
		line-height: 1.5;
	}

	.feedback_th {
		display: none;
	}
}

@media screen and (min-width:960px) {
	.feedback {
		max-width: 100%;
	}

	.feedback_td,
	.feedback_th {
		font-size: 14px;
		width: 250px;
	}

	.feedback_th:nth-of-type(2) {
		width: 100px;
	}

	.feedback_td:nth-of-type(2) {
		width: 100px;
	}

	.feedback_title_for_mobile {
		display: none;
	}
}

/* Invitaition画面 ------------------------------------------------*/

	.invitaiton:not(:root) {
    	width: 84%;
    	display: block;
    	margin: 0 auto;
    	max-width: 360px;
	}

	@media screen and (min-width:960px) {
		.invitaiton:not(:root) {
			width: 450px;
    		display: block;
    		margin: 0 auto;
		}
	}

	.invitaiton-logo{
    	margin-top: 26px;
		display: block;
		margin: 26px auto 0;
	}

	@media not screen and (min-width:960px) {
		.invitaiton-logo:not(:root) {
			max-width: 360px;
		}
	}

	@media screen and (min-width:960px) {
		.invitaiton-logo:not(:root) {
			width: 80%;
			margin: 26px auto 0;
		}
	}

	.invitaition {
		background-color: #080404;
		border-radius: 10px;
		padding: 12px;
		box-sizing: border-box;
		min-height: 425px;
    	display: flex;
    	flex-direction: column;
		position: relative;
    	margin: 20px auto 20px;
    	width: 90%;
	}

	@media screen and (min-width:960px) {
		.invitaition {
			width: 86%;
			margin: 0 auto;
			border-radius: 18px;
    		padding: 30px;
    		display: flex;
    		flex-direction: column;
    		min-height: 520px;
    		margin: 60px auto 60px;
			max-width: 885px;
		}

		.invitaition::after {
			pointer-events: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 37%;
			content: "";
			display: block;
			height: 100%;
			-webkit-clip-path: polygon(0 0, 55% 0, 85% 100%, 0% 100%);
			clip-path: polygon(0 0, 55% 0, 85% 100%, 0% 100%);
			background-color: rgba(255, 255, 255, .2);
		}
	}

	.invitaition-inner {
		background-color: #080404;
		border-radius: 16px;
		border: 2px solid #fff;
    	padding: 26px 20px;
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
    	flex-grow: 1;
	}

	@media screen and (min-width:960px) {
		.invitaition_inner {
    		padding: 38px 0;
		}
	}

	.invitaition-title {
		color: #fff;
		text-align: center;
    	line-height: 1.2;
		margin: 0;
		position: relative;
	}

	.invitaition-title::after {
		position: absolute;
		top: 35%;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
    	max-width: 380px;
		content: "";
		display: block;
		height: 1px;
		background-color: #ac832f;
	}

	@media screen and (min-width:960px) {
		.invitaition-title {
			line-height: 1.1;
    		margin: 0 auto;
		}

		.invitaition-title::after {
			top: 30%;
		}
	}

	.invitaiton-compny-name {
		display: block;
    	margin-top: 34px;
    	font-size: clamp(20px, 3vw, 26px);
	}

	@media screen and (min-width:960px) {
		.invitaiton-compny-name {
			margin-top: 46px;
			text-align: left;
		}
	}

	.invitaiton-compny-text {
    	font-size: clamp(16px, 3vw, 20px);
	}

	.invitaition-group {
		margin: 16px 0 0;
		color: #fff;
    	font-size: clamp(14px, 3vw, 14px);
		line-height: 1.4;
	}

	@media screen and (min-width:960px) {
		.invitaition-group {
    		width: 80%;
    		margin: 0 auto;
		}
	}

	.invitaiton-compny-msg {
		margin: 18px 0 0;
		color: #fff;
    	font-size: clamp(14px, 3vw, 16px);
		line-height: 1.4;
		height: 330px;
		overflow-y: auto;
    	padding: 0 12px;
	}

	.invitaiton-compny-msg::-webkit-scrollbar{
		width: 4px;
	}
	.invitaiton-compny-msg::-webkit-scrollbar-track{
		background-color: #fff;
	}
	.invitaiton-compny-msg::-webkit-scrollbar-thumb{
		background-color: #ac832f;
	}

/* Invitaition画面 ------------------------------------------------*/
.research-keyword .keyword-text {
font-size: 12px;
color: #141414;
}
@media screen and (min-width: 870px) {
.research-keyword .keyword-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
}
@media screen and (min-width: 870px) {
.research-keyword .keyword-button-inner {
	width: 80%;
}
}
.research-keyword .keyword-button-inner.right {
text-align: right;
}
@media screen and (max-width: 870px) {
.research-keyword .keyword-button-inner.right {
	margin-top: 10px;
}
}
@media screen and (min-width: 870px) {
.research-keyword .keyword-button-inner.right {
	width: fit-content;
}
}
.research-keyword .keyword-add-button {
display: inline-block;
padding: 10px 30px;
font-size: 14px;
border-radius: 6px;
background-color: #fff;
color: #333;
border: 1px solid #141414;
cursor: pointer;
}
.research-keyword .keyword-selected-lists {
display: inline-flex;
flex-wrap: wrap;
gap: 18px;
}
.research-keyword .keyword-lists {
display: inline-flex;
flex-wrap: wrap;
gap: 18px;
height: 200px;
overflow-y: scroll;
padding: 10px 0;
}
.research-keyword .keyword-list {
color: #141414;
font-size: 14px;
text-align: center;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 0.5em 1em;
position: relative;
cursor: pointer;
}
.research-keyword .keyword-is-selected {
display: flex;
align-items: center;
background: #30BBB2;
color: #fff;
position: relative;
}
.research-keyword .keyword-is-selected::after {
content: "";
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
width: 14px;
height: 14px;
margin-left: 7px;
background-image: url(/images/event/remove-icon.svg);
background-size: contain;
}
.research-keyword .keyword-add-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 250px;
}
.research-keyword input[type=checkbox] {
	display: none;
}
.research-keyword .radio-input {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* 主な専門分野とその他専門分野のCSS */
.is-disabled {
pointer-events: none;
cursor: not-allowed;
opacity: 0.5;
}

.is-disabled2 {
pointer-events: none;
cursor: not-allowed;
opacity: 0.5;
}

.new-member-registration .school {
width: 100%;
position: relative;
}

@media screen and (min-width: 870px) {
.new-member-registration .school__list {
	width: 48.6%;
}
}

.new-member-registration .school__input {
width: 100%;
padding: 7.3% 6%;
border-radius: 8px;
border: 1px solid #707070;
}

.new-member-registration .school__text1 {
white-space: nowrap;
font-size: clamp(16px, 1vw, 16px);
display: block;
margin-bottom: 1%;
}

.new-member-registration .school__icon1:not(:root) {
position: absolute;
width: 32px;
height: 32px;
z-index: 10;
top: 5%;
right: -26.5%;
border: 1px solid #707070;
border-radius: 50%;
}

@media screen and (min-width: 500px) {
.new-member-registration .school__icon1:not(:root) {
	right: -19.5%;
}
}

@media screen and (min-width: 680px) {
.new-member-registration .school__icon1:not(:root) {
	right: -14.5%;
}
}

.new-member-registration .school__icon1:not(:root)::after, .new-member-registration .school__icon1:not(:root)::before {
width: 18px;
height: 1px;
left: 20%;
top: 49%;
}

@media screen and (min-width: 870px) {
.new-member-registration .school__icon1:not(:root) {
	top: 2%;
	right: -22.5%;
	width: 32px;
	height: 32px;
}
}

.new-member-registration .school__icon2 {
position: absolute;
top: 8%;
right: 0%;
width: 24%;
z-index: 10;
}

@media screen and (min-width: 870px) {
.new-member-registration .school__icon2 {
	width: 21%;
}
}

.new-member-registration .school__btn {
width: 100%;
height: 100%;
border-radius: 50%;
border: 1px solid #707070;
position: relative;
}

.new-member-registration .school__list2 {
position: absolute;
top: 42px;
right: 32.5%;
width: 32px;
height: 32px;
border: 1px solid #707070;
border-radius: 50%;
}

@media screen and (min-width: 870px) {
.new-member-registration .school__list2 {
	top: 42px;
	right: 46.5%;
	width: 32px;
	height: 32px;
	border: 1px solid #707070;
	border-radius: 50%;
}
}

@media screen and (max-width: 870px) {
.new-member-registration .school__list2.active {
	right: 8.5%;
	top: 98px;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .school__list2.active {
	top: 97px;
	right: 33.5%;
}
}

.new-member-registration .school__btn::after {
width: 70%;
height: 5%;
content: "";
display: block;
position: absolute;
top: 44%;
left: 50%;
transform: translateX(-50%);
background-color: #707070;
}

.new-member-registration .school__btn::before {
height: 70%;
width: 5%;
content: "";
display: block;
position: absolute;
top: 13%;
left: 50%;
transform: translateX(-50%);
background-color: #707070;
}

@media screen and (min-width: 551px) and (max-width: 870px) {
.new-member-registration .school__list2 {
	top: 26px;
	right: 37.5%;
}
.new-member-registration .school__list2.active {
	right: 18.3%;
	top: 76.5%;
}
}

.new-member-registration .select {
position: relative;
}

.new-member-registration .select-input {
position: relative;
}

.new-member-registration .select-container {
position: relative;
}

.new-member-registration .select.small {
width: 47%;
}


@media screen and (min-width: 870px) {
.new-member-registration .select.medium {
	width: 100%;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .select.sub {
	display: flex;
}
}

.new-member-registration .select.large {
width: 100%;
}

.new-member-registration .select-inner {
top: 0%;
width: 100%;
z-index: 40;
}

@media screen and (min-width: 870px) {
.new-member-registration .select-inner.wrap2 {
	top: 100%;
	left: 0%;
	width: 100%;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .select-inner.wrap-left {
	top: 0%;
	left: -17px;
	width: 100%;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .select-inner.wrap-center {
	top: 0%;
	right: -15.4%;
	width: 100%;
	right: -14.9%;
}
}

@media screen and (max-width: 870px) {
.new-member-registration .select-inner {
	top: 0%;
	width: 90%;
	position: fixed;
	left: 0%;
	height: 100%;
	overflow: auto;
	padding: 12% 5.2%;
	background-color: #fff;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .select-inner {
	width: 100%;
	position: absolute;
	top: 0%;
	padding: 0% 0%;
}
}

.new-member-registration .select-contents {
background-color: #fff;
border: 1px solid #30BBB2;
border-radius: 8px;
padding: 0.5em 1em;
}

@media screen and (min-width: 870px) {
.new-member-registration .select-contents.wrap {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 1.5em 1em 0.5em;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .select-contents.sub {
	padding: 1.5em 1em 0.5em;
	max-height: 480px;
	overflow-y: scroll;
}
}

@media screen and (max-width: 870px) {
.new-member-registration .select-field.palt {
	font-feature-settings: "palt";
}
}

.new-member-registration .select-close {
text-align: right;
padding: 2.2% 4.2% 0% 0%;
}

.new-member-registration .select-close-button {
width: 7%;
}

.new-member-registration .select-icon {
width: 14px;
position: absolute;
transition: all 0.1s;
z-index: 0;
top: 44%;
right: 4%;
pointer-events: none;
}

.new-member-registration .select-icon.active {
transform: rotate(-180deg);
transition: all 0.1s;
}

.new-member-registration .select-icon.small {
top: 37%;
width: 22px;
right: 5%;
}

.new-member-registration .select-icon.small.active {
transform: rotate(-180deg);
transition: all 0.3s;
}

.new-member-registration .select-icon.medium {
top: 44%;
right: 4%;
width: 14px;
pointer-events: none;
}

.new-member-registration .select-icon.medium.active {
transform: rotate(-180deg);
transition: all 0.1s;
}

.new-member-registration .select-icon.ex-large {
top: 44%;
right: 3%;
width: 14px;
pointer-events: none;
}

@media screen and (min-width: 870px) {
.new-member-registration .select-icon.ex-large {
	right: 2%;
}
}

.new-member-registration .select-icon.ex-large.active {
transform: rotate(-180deg);
transition: all 0.1s;
}

.new-member-registration .select-icon.large {
top: 44%;
right: 2%;
width: 14px;
pointer-events: none;
}

.new-member-registration .select-icon.large.active {
transform: rotate(-180deg);
transition: all 0.1s;
}

.new-member-registration .select-icon.plus {
top: 2%;
right: -18%;
width: 29px;
}

.new-member-registration .radio {
position: relative;
width: 90%;
display: block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 1em 3em 1em 0em;
font-size: clamp(14px, 3vw, 14px);
}

.new-member-registration .skill-icon {
text-align: right;
}

@media screen and (max-width: 870px) {
.new-member-registration .skill-icon {
	position: fixed;
	top: 20px;
	right: 18px;
	background-color: #fff;
	padding: 8px 12px 10px;
	border-radius: 50%;
	box-shadow: 0px 16px 24px -5px #707070;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .skill-icon.sub {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 10;
}
}

.new-member-registration .radio {
position: relative;
width: 90%;
display: block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 1em 3em 1em 0em;
font-size: clamp(14px, 3vw, 14px);
}

@media screen and (min-width: 870px) {
.new-member-registration .radio.wrap {
	width: 33.3333333333%;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .radio.wrap-center {
	width: 100%;
}
}

@media screen and (max-width: 870px) {
.new-member-registration .radio.it-skill {
	padding: 1em 0em 1em 3em;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .radio {
	padding: 0.5em 0px 0.5em 2.5em;
	width: 100%;
}
}

.new-member-registration .radio input {
display: none;
}

.new-member-registration .radio-mark {
position: absolute;
top: 38%;
right: 0%;
height: 22px;
width: 22px;
border: solid 2px #d4dae2;
border-radius: 50%;
box-sizing: border-box;
}

@media screen and (min-width: 870px) {
.new-member-registration .radio-mark.wrap {
	top: 18%;
}
}

@media screen and (max-width: 870px) {
.new-member-registration .radio-mark.it-skill {
	top: 25%;
	left: 0%;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .radio-mark.it-skill {
	top: 18%;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .radio-mark {
	top: 27%;
	left: 0%;
}
}

.new-member-registration .radio-mark:after {
content: "";
position: absolute;
background: #30BBB2;
border-radius: 50%;
top: 2px;
bottom: 2px;
left: 2px;
right: 2px;
opacity: 0;
}

.new-member-registration .radio-mark2 {
position: absolute;
top: 38%;
right: 5%;
height: 22px;
width: 22px;
border: solid 2px #d4dae2;
border-radius: 4px;
box-sizing: border-box;
}

@media screen and (min-width: 870px) {
.new-member-registration .radio-mark2.wrap {
	top: 18%;
}
}

@media screen and (max-width: 870px) {
.new-member-registration .radio-mark2.it-skill {
	top: 25%;
	left: 0%;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .radio-mark2.it-skill {
	top: 18%;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .radio-mark2 {
	top: 20%;
	left: 0%;
}
}

.new-member-registration .radio-mark2:after {
border-right: 5px solid #30BBB2;
border-bottom: 6px solid #30BBB2;
border-radius: 4px;
content: "";
display: block;
height: 20px;
left: 5px;
margin-top: -16px;
opacity: 0;
position: absolute;
top: 35%;
transform: rotate(45deg);
width: 9px;
}

.new-member-registration .radio input:checked+.radio-mark:after {
opacity: 1;
}

.new-member-registration .radio input:checked+.radio-mark2:after {
opacity: 1;
}

@media screen and (max-width: 870px) {
.new-member-registration .radio+.radio {
	border-top: 1px solid #707070;
}
}

.new-member-registration .radio-mark2 {
position: absolute;
top: 38%;
right: 5%;
height: 22px;
width: 22px;
border: solid 2px #d4dae2;
border-radius: 4px;
box-sizing: border-box;
}

@media screen and (min-width: 870px) {
.new-member-registration .radio-mark2.wrap {
	top: 18%;
}
}

@media screen and (max-width: 870px) {
.new-member-registration .radio-mark2.it-skill {
	top: 25%;
	left: 0%;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .radio-mark2.it-skill {
	top: 18%;
}
}

@media screen and (min-width: 870px) {
.new-member-registration .radio-mark2 {
	top: 27%;
	left: 0%;
}
}

.new-member-registration .radio-mark2:after {
border-right: 5px solid #30BBB2;
border-bottom: 6px solid #30BBB2;
border-radius: 4px;
content: "";
display: block;
height: 20px;
left: 5px;
margin-top: -16px;
opacity: 0;
position: absolute;
top: 70%;
transform: rotate(45deg);
width: 9px;
}

.new-member-registration .radio input:checked+.radio-mark:after {
opacity: 1;
}

.new-member-registration .radio input:checked+.radio-mark2:after {
opacity: 1;
}

.new-member-registration .checked-value-list {
display: flex;
align-items: center;
gap: 0 10px;
margin-top: 10px;
}

.new-member-registration .checked-value {
display: inline-block;
border: 1px solid #141414;
font-size: 12px;
padding: 0.3em 0.5em 0.2em;
border-radius: 4px;
cursor: pointer;
color: #141414;
}

.new-member-registration a:not(:root) {
text-decoration: none;
}

.new-member-registration .close-btn3:before {
transform: rotate(-45deg);
}

.new-member-registration .close-btn3:after {
transform: rotate(45deg);
}

.new-member-registration .close-btn3 {
position: relative;
display: inline-block;
min-width: 24px;
width: 24px;
height: 24px;
transition: all ease 0.3s;
border: 1px solid #141414;
transition: all ease 0.3s;
border-radius: 50%;
}

.new-member-registration .close-btn3:before, .new-member-registration .close-btn3:after {
position: absolute;
width: 14px;
height: 1px;
left: 18.5%;
top: 48%;
content: "";
background: #141414;
transition: all 0.1s;
}

.new-member-registration .close-btn3:before, .new-member-registration .close-btn3:after {
position: absolute;
width: 14px;
height: 1px;
left: 18.5%;
top: 48%;
content: "";
background: #141414;
transition: all 0.1s;
}

.new-member-registration .skill-close-img {
width: 18px;
}

/* 汎用ボタンスタイル ------------------------------------------------*/

.event-action-button-container {
	display: flex;
	flex-direction: column;
	width: fit-content;
	gap: 20px 0;
	margin: 0 auto;
}

.event-action-button-container.is-single {
	width: 100%;
	max-width: 344px;
	transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 1080px) {
	.event-action-button-container {
		display: grid;
		grid-auto-columns: 1fr;
		grid-auto-flow: column;
		width: fit-content;
		gap: 0 20px;
	}
}

.event-action-button>button {
	background-color: #2E96DD;
	color: #ffffff;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
    letter-spacing: 0.04em;
	width: 100%;
    padding: 15px 30px;
	border-radius: 4px;
	border: 1px solid transparent;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

/* エージェント側の選考後アンケート回答ボタン */
.event-action-button-for-agent>button {
	background-color: #4B9600;
	color: #ffffff;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
    letter-spacing: 0.04em;
	width: 100%;
    padding: 15px 30px;
	border-radius: 4px;
	border: 1px solid transparent;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.event-action-button>button.back {
    background-color: #fff;
	color: #707070;
	border: 1px solid #707070;
}

.event-action-button>button:hover {
	filter: brightness(1.05);
	transition: all 0.3s ease-in-out;
}

.event-action-button>button.back:hover {
    filter: brightness(0.95);
}

.event-action-button>button.is-decided {
    background-color: #E20B17;
	color: #fff;
}


/* 汎用手続き完了用画面のimage ------------------------------------------------*/

.event-action-symbol>img {
	max-width: 300px;
}

/* 汎用スタイル ------------------------------------------------*/

.event-detail-main-title {
	font-size: clamp(24px, 4vw, 30px);
	display: inline-block;
	color: #141414;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
	padding: 0 15px;
}

.event-main-title {
	font-size: clamp(28px, 4vw, 30px);
	display: inline-block;
	color: #2D96DC;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}

.event-main-title>span {
	padding-bottom: 4px;
	border-bottom: 4px solid #2D96DC;
}

.event-main-sub-title {
	color: #141414;
	font-weight: bold;
	font-size: 20px;
}

.event-page-description {
	color: #141414;
	font-size: 16px;
}

.event-entry-information-title {
	font-size: 20px;
	color: #141414;
	border-bottom: 1px solid #141414;
	display: block;
	padding: 1em 0 0.5em;
	font-weight: bold;
}

/* 汎用モーダルスタイル ------------------------------------------------*/
.event-confirm-modal {
	border-radius: 4px;
	border: 1px solid #707070;
	max-width: 430px !important;
}

.event-confirm-modal-message {
	font-size: 16px;
	text-align: center;
}

.event-confirm-modal-button-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px 0;
	max-width: 160px;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.event-confirm-modal-button-container {
		flex-direction: row;
		gap: 0 10px;
		max-width: 340px;
	}
}

.event-confirm-modal-button {
    padding: 15px 28px;
 }

@media screen and (min-width: 768px) {
	.event-confirm-modal-button {
	    background-color: #2E96DD;
	    color: #ffffff;
	    font-size: 16px;
	    line-height: 1;
	    font-weight: bold;
	    text-align: center;
       letter-spacing: 0.04em;
	    width: 100%;
       padding: 15px 30px;
	    border-radius: 4px;
	    border: 1px solid transparent;
	    transition: all 0.3s ease-in-out;
	    cursor: pointer;
	}
}

/* エージェント側の選考後アンケート回答送信確認ボタン */
.event-confirm-modal-button-for-agent {
	background-color: #4B9600;
	color: #ffffff;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
    letter-spacing: 0.04em;
	width: 100%;
    padding: 15px 30px;
	border-radius: 4px;
	border: 1px solid transparent;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.event-confirm-modal-button.cancel {
    background-color: #fff;
	color: #707070;
	border: 1px solid #707070;
}

.event-confirm-modal-button:hover {
	filter: brightness(1.05);
	transition: all 0.3s ease-in-out;
}

.event-confirm-modal-button.cancel:hover {
    filter: brightness(0.95);
}

/* 汎用入力系スタイル ------------------------------------------------*/
.fileinput,.fileinputPdf {
	cursor: pointer;
}

.event-form-label {
	font-size: 14px;
	color: #141414;
	margin-bottom: 4px;
	display: flex;
	flex-wrap: wrap;
}
@media screen and (min-width: 1080px) {
	.event-form-label {
		display: flex;
		align-items: center;
		flex-direction: row;
	}
}

.event-required-label {
	font-size: 10px;
	color: #fff;
	background-color: #F55555;
	padding: 2px 6px;
	margin-left: 8px;
	border-radius: 4px;
	vertical-align: middle;
	font-weight: bold;
}

input[type="date"]::-webkit-date-and-time-value {
	text-align: left;
	/* iPhoneやiPadでinput[type=”date”]の入力値を左寄せにする */
}

.checkbox {
	display: block;
	position: relative;
	margin: 1em 0;
	padding-left: 28px;
	cursor: pointer;
	user-select: none;
	color: #141414;
}

.checkbox input {
	display: none;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	border: solid 1px #141414;
	border-radius: 4px;
	box-sizing: border-box;
}

.checkmark:after {
	content: "";
	position: absolute;
	left: 5px;
	top: 1px;
	width: 6px;
	height: 10px;
	border: solid #EB5151;
	border-width: 0px 4px 5px 0px;
	transform: rotate(45deg);
	opacity: 0;
}

.checkbox input:checked + .checkmark {
	background: #fff;
	border-color: #141414;
}

.checkbox input:checked + .checkmark:after {
	opacity: 1;
}

.example-text-link {
	font-size: 14px;
    text-decoration: underline;
	color: #30BBB2;
}

.survey-checkbox {
display: block;
position: relative;
margin: 1em 0;
padding-left: 28px;
cursor: pointer;
user-select: none; /* テキストの選択を防ぐ */
font-size: 14px;
color: #141414;
	transition: all .3s ease-in-out;
}

/* inputは非表示にする */
.survey-checkbox input {
display: none;
}

/* □ */
.checkmark {
position: absolute;
top: 0; /* 上からの位置 */
left: 0;
height: 18px;
width: 18px;
border: solid 1px #141414; /* 線 */
border-radius: 4px;
box-sizing: border-box;
	transition: all .3s ease-in-out;
}
/* ✓ */
.checkmark:after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 4px;
height: 10px;
border: solid #FFF;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0; /* 透明にしておく */
	transition: all .3s ease-in-out;
}

/* チェックが入ったときの□ */
.survey-checkbox input:checked + .checkmark {
background: #2D96DC; /* チェック時の色 */
border-color: #2D96DC; /* チェック時の色 */
	transition: all .3s ease-in-out;
}

/* チェックが入ったときの✓ */
.survey-checkbox input:checked + .checkmark:after {
opacity: 1; /* 透明を解除 */
	transition: all .3s ease-in-out;
}

.newInformation .uk-select:not(:root) {
	border: 1px solid #141414;
	font-size: 14px;
	padding: 0.5em 1em;
	color: #141414;
}

.newInformation .uk-input.hasDatepicker:not(:root) {
	border: 1px solid #141414;
	font-size: 14px;
	padding: 0.5em 1em;
	color: #141414;
}


.event-survey-radio {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	user-select: none;
	display: block;
	text-align-last: left;
	margin: 0 auto;
	font-size: 14px;
	color: #141414;
	margin-top: 8px;
}

/* inputは非表示にする */
.event-survey-radio input {
	display: none;
}

/* 常に表示する枠線の円 */
.event-survey-radio-mark {
	position: absolute;
	top: 1px;
	left: 0;
    height: 18px;
    width: 18px;
	border: solid 1px #707070;
	border-radius: 50%;
	box-sizing: border-box;
}

/* 選択時に重ねる円 */
.event-survey-radio-mark:after {
	content: "";
	position: absolute;
	background: #2D96DC;
	border-radius: 50%;
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 2px;
	opacity: 0;
	transition: opacity .3s;
}

/* 選択時に重ねた円の透明を解除 */
.event-survey-radio input:checked + .event-survey-radio-mark:after {
	opacity: 1;
	transition: opacity .3s;
}
.uk-form-controls>br{
	display: none;
}
.uk-form-controls label{
	color: #141414;
}
.uk-form-controls label{
	color: #141414;
}
.uk-form-controls .uk-checkbox{
	border-color: #141414;
}

.uk-select:not(:root) {
    border: 1px solid #141414;
    font-size: 14px;
    color: #141414;
    border-radius: 4px;
    padding: 0.5em 1em;
  }

/* 汎用スキルレベルの説明スタイル ------------------------------------------------*/

.event-it-skill-description li:last-of-type>img {
	width: 100px;
}

.uk-tile>*:not(:root) {
	color: #141414;
}

/* 汎用alert系メッセージスタイル ------------------------------------------------*/

.uk-alert-danger:not(:root) {
	background: rgba(235,81,81,0.3);
    font-size: 14px !important;
    border-radius: 4px;
}

.uk-alert-success:not(:root) {
	background: rgb(0 226 145 / 30%);
    color: #00a869;
    font-size: 14px !important;
	border-radius: 4px;
}

/* 企業からのフィードバック ------------------------------------------------*/

.event-check-comment-button {
    font-size: 14px;
    text-decoration: underline;
    color: #30BBB2;
}

.event-check-comment-button:hover {
    text-decoration: underline;
    color: #30BBB2;
}

/* スカウト用フィードバック画面 ------------------------------------------------*/

.event-feedback-button {
    color: #fff;
	font-size: 12px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.04em;
    display: block;
    padding: 8px 0px;
    background-color: #2E96DD;
    border-radius: 4px;
    border: 1px solid transparent;
	max-width: 218px;
	transition: filter 0.3s ease-in-out;
}

.event-feedback-button.other-paticipants {
	width: 100%;
	max-width: 344px;
	background-color: #E20B17;
	margin-left: auto;
	margin-right: auto;
}

.event-feedback-button-container {
	margin-top: 120px;
}

.event-feedback-button.completed {
	background-color: #8E8E8E;
}

.event-feedback-button:hover {
	color: #fff;
	filter: brightness(1.05);
	transition: filter 0.3s ease-in-out;
}

.event-feedback-button.completed:hover {
	color: #fff;
	filter: none;
}

@media screen and (min-width: 1080px) {

	.event-feedback-button {
		font-size: 14px;
	}

	.event-feedback-wrap-for-mobile {
		display: none;
	}
}


.event-feedback-period-dot {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color:#0CA6F2;
	box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgb(0 0 0 / 8%), 0 3px 0 4px rgb(0 0 0 / 5%);
}

.event-feedback-period-bar {
	position: relative;
	z-index: 0;
	min-width: 80px;
	padding-top: 18px;
}

.event-feedback-period-bar::after {
	content: "";
	display: block;
	width: 2px;
	height: 130%;
	background-color: #0CA6F2;
	position: absolute;
	top: 12%;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.event-feedback-add-profile-container .event-feedback-card {
	width: 100%;
	padding: 20px;
}

.event-feedback-card {
	width: 100%;
	padding: 20px;
}

.event-feedback-card::after {
	content: '';
	display: block;
	position: absolute;
	top: 25px;
	left: auto;
	right: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 10px 6px 0;
	border-color: transparent #fff transparent transparent;
}

.event-feedback-company-card {
	display: flex;
	width: 100%;
	font-size: 14px;
	color: #141414;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.event-feedback-term {
	font-size: clamp(12px, 2vw, 20px);
	color: #141414;
}

.event-feedback-term-container {
	width: 120px;
	align-items: flex-end;
}

@media screen and (min-width:1000px){
.event-feedback-add-profile-container .event-feedback-card {
	min-width: 400px;
}
.event-feedback-card {
	min-width: 400px;
	box-shadow: 0 5px 15px rgba(0,0,0,.18);
}
}
@media screen and (min-width:1400px){
.event-feedback-card+.event-feedback-card {
	margin-left: 5%;
}
}

@media not screen and (min-width:1400px) {
.event-feedback-company-card {
	flex-wrap: wrap;
}
.event-feedback-card+.event-feedback-card {
	margin-top: 5%;
}
}

@media not screen and (min-width:1000px){
.event-feedback-period-bar {
	min-width: 40px;
	padding-top: 18px;
}

.event-feedback-period-bar::after {
	width: 1px;
	top: 10%;
	height: 150%;
}

.event-feedback-period-dot {
	width: 10px;
	height: 10px;
}

.event-feedback-add-profile-container .event-feedback-card {
	width: 100%;
	padding: 20px;
}

.event-feedback-card {
	width: 100%;
	padding: 20px;
	box-shadow: 0 5px 15px rgba(0,0,0,.18);
}

.event-feedback-card+.event-feedback-card {
	margin-top: 5%;
}

.event-feedback-card::after {
	top: 18px;
	border-width: 4px 6px 4px 0;
}

.event-feedback-company-card {
	width: 100%;
	flex-wrap: wrap;
}

.event-feedback-term-container {
	width: 100px;
}

}

.event-feedback-company-name {
font-size: 14px;
color: #141414;
}

@media screen and (min-width: 1080px) {
.event-feedback-company-name {
	font-size: 18px;
}
}

@media not screen and (min-width:768px) {
.event-feedback-term-container {
	width: 50px;
	white-space: nowrap;
}
}
.taskListAll02.is-specific-company-event {
	background-size: 0;
}
.preparationAll.is-specific-company-event {
	justify-content: center;
}
.preparationAll.is-specific-company-event>.bk05 {
	width: 100%;
}
.preparationAll.is-specific-company-event>.bk05::before {
	content: none;
}
.preparationAll.is-specific-company-event>.bk05::after {
	content: none;
}
.specific-company-event>.steps>.step {
	margin-top: 4px;
}
.specific-company-event>.steps>[class*="uk-text"] {
	margin-top: 4px;
}
.specific-company-event>.guide>[class*="uk-text"] {
	margin-top: 4px;
}
.specific-company-event>.guide {
	margin-top: 12px;
}
.specific-company-event-button {
	text-align: center;
	margin-top: 60px;
}
@media screen and (min-width:1080px) {
	.preparationAll.is-specific-company-event>.bk05 {
		width: 78%;
	}
}
@media screen and (min-width: 1260px) {
	.is-specific-company-event-tasks {
			background-size: 0 !important;
		}
	.is-specific-company-event-tasks h3 {
			margin-top: 12% !important;
		}
}
.e_date_caption {
  font-size: 12px;
  line-height: 1.2;
  font-weight: normal;
  color: #232323;
  inline-size: fit-content;
  margin-inline: auto;
  padding: 0 4px;
}