@charset "utf-8";
/*----------------------------------------------
	c_input
---------------------------------------------*/
.c_input {
	max-width: 520px;
	width: 100%;
	height: 50px;
	padding: 13px 20px;
	border: none;
	border-radius: 3px;
	font-size: 1.8rem;
}

/*----------------------------------------------
	btn
---------------------------------------------*/
.c_btn {
	display: inline-block;
	border: none;
	border: 1px solid transparent;
	background: #0082CA;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0px 2px 5px 0px #6262621d;
}

/*  TYPE
------------------------------------- */
.c_btn.is_login {
	max-width: 520px;
	width: 100%;
	padding: 15px;
	font-size: 20px;
	font-size: 2rem;
}

.c_btn.is_back {
	width: 250px;
	padding: 15px 0;
	font-size: 1.6rem;
}

.c_btn.is_logout {
	max-width: 200px;
	width: 100%;
	padding: 8px;
	font-size: 1.6rem;
	text-align: center;
	margin: 0 auto;
	background: #326b8a;
}

.c_btn.is_view {
	background: #FED900;
	max-width: 300px;
	width: 80vw;
	padding: 17px 0;
	font-size: 2.4rem;
	color: #005685;
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: calc(50% - (75px / 2));
	z-index: 999;
}

.c_btn.is_large {
	width: 500px;
	padding: 20px 0;
	font-size: 2.2rem;
}

.l_presenter .c_btn.is_view{
	top: 5px;
}

.c_btn.is_blue {
	background: #1781d6;
}

.c_btn.is_pdf {
	width: 100%;
	font-size: 2.0rem;
	font-weight: normal;
	padding: 20px;
}

.c_btn .is_bold {
	font-size: 2.2rem;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
}

.c_btn .is_bold::after{
	content: "";
	background: url(../images/icon_pdf.png) no-repeat;
	width: 19px;
	height: 25px;
	background-size: contain;
	display: block;
	position: absolute;
	right: -29px;
	top: calc(50% - (25px / 2));
}

/*  HOVER
------------------------------------- */
.c_btn:hover {
	background: #65B3DF;
	color: #fff;
}

.c_btn.is_logout:hover {
	background: #357ea5;
}

.c_btn.is_blue:hover{
	border: 1px solid #1781d6;
	color: #1781d6;
	background: #fff;
}

.c_btn.is_view:hover{
	background: #ffeb7d;
	color: #2283b8;
}

/*  DISABLED
------------------------------------- */
.c_btn.is_disabled {
	background: rgb(197, 197, 197);
	cursor: auto;
	color: #fff;
	border: 1px solid rgb(197, 197, 197);
}

.c_btn.is_disabled:hover {
	background: rgb(197, 197, 197);
	cursor: auto;
	color: #fff;
	border: 1px solid rgb(197, 197, 197);
}

/*  ACCESSORY
------------------------------------- */
.c_triangle {
	position: relative;
	width: fit-content;
}

.c_triangle::before {
	display: inline-block;
	position: absolute;
	top: calc(50% - (12px / 2));
	left: 20px;
	z-index: 999;
	width: 0;
	height: 0;
	border-width: 5px 6px 5px 0;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	content: "";
}

.c_triangle:hover::before {
	border-color: transparent #ED8599 transparent transparent;
}


/*----------------------------------------------
	c_list_type01
---------------------------------------------*/
.c_list_type01 li {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.8rem;
}

#top .c_list_type01 li {
	font-weight: normal;
}

.c_list_type01 li::before {
	display: inline-block;
	position: relative;
	top: -3px;
	width: 5px;
	height: 5px;
	margin-right: 10px;
	border-radius: 50%;
	background: #000;
	content: "";
}

.c_list_type01.is_red li::before {
	background: #f00;
}

#top .c_list_type01 li {
	padding-left: 1.4rem;
	font-size: 1.4rem;
	text-indent: -1.4rem;
}

.c_list_type01 .c_ses {
	display: inline-block;
	width: 50px;
}

.is_genre {
	display: inline-block;
	font-size: 2rem;
	/* margin-left: 15px; */
}

.c_list_type01 .c_ttl {
	display: inline-block;
	width: 450px;
}

/*----------------------------------------------
	c_browser
---------------------------------------------*/
.c_browser_header {
	padding: 15px 0;
	background-image: repeating-linear-gradient(-1deg, transparent, transparent, transparent, transparent, transparent), repeating-linear-gradient(89deg, transparent, transparent, transparent, transparent, transparent), repeating-linear-gradient(179deg, transparent, transparent, transparent, transparent, transparent), repeating-linear-gradient(269deg, #0080EE, #0080EE 5px, transparent 5px, transparent 10px, #0080EE 10px);
	background-position: 0 0, 0 0, 100% 0, 0 100%;
	background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;
	background-repeat: no-repeat;
	color: #0082CA;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
}

.c_browser_inner { padding: 20px 20px 5px; }

.c_browser_name {
	margin-bottom: 10px;
	padding-left: 7px;
	font-size: 1.6rem;
	border-left: 5px solid #86c7ff;
}




/*----------------------------------------------
	c_tab
---------------------------------------------*/
.c_tab {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 320px;
	padding: 20px 0 20px;
	height: 90px;
	border-radius: 5px 5px 0 0;
	background: #008974;
	color: #fff;
	font-weight: bold;
	font-size: 2.2rem;
	text-decoration: none!important;
	text-align: center;
	/* transition: 0.3s; */
}

.c_tab span {
	font-size: 2.6rem;
}


/* .c_tab::after {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 13px;
	background: rgb(0,87,161);
	background: linear-gradient(180deg, #ffffff 0%, #c8ced12c 100%);
	content: "";
} */

.c_tab:not(:last-of-type) { margin-right: 20px; }

.c_tab.is_active,
.c_tab:hover
 {
	background: #fff;
	color: #005548;
	border: 1px solid #0089742a;
	box-shadow: 0 0 10px 0 #0055481a;
	font-size: 2.7rem;
	position: relative;
}

.c_tab.is_active span,
.c_tab:hover span {
	font-size: 3.2rem;
}

.c_tab.is_active::after,
.c_tab:hover::after{
	content: "";
	width: 100%;
	height: 20px;
	display: block;
	position: absolute;
	bottom: -10px;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 100;
	background: #fff;
}

/*----------------------------------------------
	c_ttl
---------------------------------------------*/
/*  TYPE01
------------------------------------- */
.c_ttl_type01.is_neon {
	color: #fff;
	font-weight: bold;
	font-size: 4rem;
	text-shadow: 0 0 15px #43a7ff9b, 0 0 10px #43a7ff9b, 0 0 10px #43a7ff52;
	transition: 0.3s;
}

.c_ttl_type01.is_neon.is_program.is_open {text-shadow: 0 0 15px #a1d3ff9b, 0 0 10px #a1d3ff9b, 0 0 10px #a1d3ff9b;}

.c_ttl_type01.is_neon.is_hiroba.is_open {text-shadow: 0 0 15px #a1d3ff9b, 0 0 10px #a1d3ff9b, 0 0 10px #a1d3ff9b;}

/*  TYPE02
------------------------------------- */
.c_ttl_type02 {
  position: relative;
	z-index: 1;
  margin-bottom: 30px;
  padding: 15px 15px;
  background-color: #E5F3F1;
  color: #005548;
  font-weight: bold;
  font-size: 2.6rem;
}
.inner .c_ttl_type02 {
  padding-bottom: 5px;
  font-size: 3rem;
}
#meeting .c_ttl_type02 a {
  color: #fff;
}
#meeting .c_ttl_type02 a:hover {
  color: #fe8600;
}
.c_ttl_type02.is_blue02 {
  background-color: #004ea2;
}

/* .c_ttl_type02::before {
  margin: 0 10px;
  line-height: 34px;
  vertical-align: top;
  content: url(../images/arrow_h2.png);
} */
/* .c_ttl_type02::after {
  content: "";
  background-color: #1d2088;
  width: 20px;
  height: 100%;
  position: absolute;
  right: -10px;
  top: 0;
  transform: skewx(-20deg);
	z-index: -1;
} */
.c_ttl_type02.is_blue02::after {
  background-color: #004ea2;
}


/*----------------------------------------------
	c_copy
---------------------------------------------*/
.c_copy{
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	padding: 7px 0;
	border-top: 1px solid #00473C;
}

.c_ttl{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.c_ttl02{
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 5px;
	border-left: 5px solid #00473c28;
	padding-left: 7px;
}

.c_ttl03{
	font-size: 2rem;
	font-weight: bold;
	border-left: 7px solid #00473c28;
	padding-left: 7px;
}

.c_name,
.c_aff{
	font-size: 1.6rem;
}

.c_name{
	width: 120px;
}

.c_label{
	font-size: 1.6rem;
	color: #005548;
	padding: 0 15px;
	border-right: 1px solid #0089743b;
	border-left: 1px solid #0089743b;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
}

.c_time{
	font-size: 1.8rem;
	position: absolute;
	right: 0;
	top: 20px;
	right: 15px;
}

.live .c_time{
	right: 180px;
}

.c_list_type02 .c_date{
	display: block;
	color: #005548;
}

.c_list_type02:not(:last-of-type){
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D1D3D5;
}

/*----------------------------------------------
	c_box_type01
---------------------------------------------*/
.c_box_type01{
	background: #fff;
	padding: 20px;
}

.c_box_type01 .is_ttl{
	font-size: 2.0rem;
	font-weight: bold;
	color: #005685;
}

/*----------------------------------------------
	c_box_type02
---------------------------------------------*/
.c_box_type02{
	background: #fff;
	padding: 30px;
}


/*----------------------------------------------
  .c_contact_type02
---------------------------------------------*/

.c_contact_type02 {
  color: #FFF;
}

.c_contact_type02 .c_contact_header {
  font-size: 1.6rem;
  font-weight: bold;
}

.c_contact_type02 .c_contact_details {
  line-height: 1.5;
  font-size: 1.4rem;
}

.c_contact_type02 .c_contact_details a {
  color: #FFF;
}

.c_contact_type02 .c_contact_details a:hover {
  color: #feca00;
}

@media only screen and (max-width: 1000px) {
  /* .l_contact_area {
    padding: 5vw 2.6vw;
  } */

  .l_contact_area .c_contact_type02:first-child {
    padding-left: 0;
  }

  .l_contact_area .l_double {
    display: flex;
    flex-direction: column;
  }

  .c_contact_type02 .c_contact_header {
    /* font-size: calc(30px + 30 * ((100vw - 750px) / 750)); */
    font-weight: bold;
  }

  .c_contact_type02 .c_contact_details {
    line-height: 1.5;
    /* font-size: calc(27px + 27 * ((100vw - 750px) / 750)); */
  }

	.l_double {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .l_double > * {
    width: 100%!important;
  }

  .l_double > *:first-child {
    padding-left: 0;
    margin-bottom: 2.5vw;
  }

  #sample .l_double.is_list {
    flex-direction: row;
  }
  
  #sample .l_double .c_list_type01 {
    width: 48%!important;
  }

}