@charset "utf-8";
/*
Site URL	http://hcw2026.jp/
Created		2026/06/15
Last update	2026/06/15 by
Author		（UMIN Center）
*/
:root{
	--fontsize:15px;
	--main-color:rgb(65,178,169); 
	--sub1-color:rgb(65,178,169);
	--sub2-color:rgb(110, 120, 190);
	--font-color:rgb(0, 0, 0);
	--table-border-color1:rgb(50,50,50);
	--table-border-th-background:rgb(50,100,205);
	--table-border-th-font:rgb(255,255,255);
	--main-background-color:rgb(255,255,255);
	--button-bg-color:rgb(235,145,0);
	--button-borfer-color:rgb(150,50,0);
	--button-shadow-color:rgb(15,15,15);

	--h1-font-size:1.6rem;
	--h2-font-size:1.2rem;
	--h3-font-size:1.3rem;
	--h4-font-size:1rem;
	--h5-font-size:1rem;

	--text-height-line:1.6;

	--max-window-width:1120px;
}
html{
	font-size: var(--fontsize);
	scroll-behavior: smooth;
	scroll-padding-top: 0rem;
}
_::-webkit-full-page-media, _:future, :root, body {
	-webkit-animation: safariFix 1s forwards infinite;
}
@-webkit-keyframes safariFix {
	100% {
	z-index: 1;
	}
}
@media (max-width: 1120px) {
	html {
	}
}
body{
	font-size: 1rem;
	background-color: var(--main-background-color) ;
	color: var(--font-color);
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
h1,h2,h3,h4,h5,p,div,span,li{
	line-height: var(--text-height-line);
	color: var(--font-color);
}
strong{
	font-weight: 600;
}
header{
	padding: 0 0 ;
	border-bottom: 2px solid var(--main-color);
}
menu{
	border-bottom: 2px solid var(--main-color);
}
@media(max-width:740px){
	menu{
		display: none;
	}
}
.sec-body{
	max-width: var(--max-window-width);
	margin: 0 auto;
	padding: 1rem ;
}
.header-title{
	max-width: var(--max-window-width);
	margin: 0 auto;
	padding: 0  ;
}
h1{
	font-size: var(--h1-font-size);
	font-weight: 600;
	color: var(--font-color);
}
img{
	max-width: 100%;
}
.header-nemu{
	max-width: var(--max-window-width);
	margin: 0 auto;
	padding: .5rem 1rem ;
}
.menu_list{
	display: flex;
	gap:0 0;
}
.menu_list li{
	border-right: 1px solid var(--main-color);
}
.menu_list li:last-child{
	border: none;
}
.menu_list li a{
	display: inline-block;
	padding: .5em 1em;
	text-decoration: none;
	
}

h2{
	font-size: var(--h2-font-size);
	font-weight: 600;
	border-bottom: 2px solid var(--main-color);
}
/*
h2:before{
	display: inline-block;
	content: "　";
	width: 1.5em;
	height: 1.5em;
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
	margin-right: .5em;
}
*/

.sec-parts{
	margin: 2rem 0 4rem 0; 
	padding: 0 1rem ;
}
.sec-parts p{
	/*max-width: 30em;*/
	padding: 0 1em 1em 1em;
}
.sec-parts p.indent{
	text-indent: 1em;
}
.sec-parts h2{
	margin-bottom: 1em;
}

.sec-parts img{
	width: 220px;
}

.top-col{
	display: flex;
}
.top-2col{
	width:50%;
	display: inline-block;
}
@media (max-width: 550px) {
	.sec-parts{
		padding: 0 ;
	}
	.top-col,
	.top-2col{
		width:100%;
		display: block;
		box-sizing: border-box;
	}
}

.content-section{
	display: flex;
}
.content-section-left{
	width:70%;
	display: inline-block;
}
.content-section-right{
	width: 30%;
	display: inline-block;
	padding-left: 2rem;
}

@media (max-width: 550px) {
	.content-section,
	.content-section-left,
	.content-section-right{
		display: block;
		width: 100%;
  		box-sizing: border-box;
	}
}

.access{
	margin: 2rem 0; 
}
.access h2{
	margin-bottom: 1em;
}

.oshirase{}
.oshirase ul{
	list-style: circle;
	padding-left: 1em;
}
/*organization*/
.organization_list{
}
.organization_list tr{
	border-bottom: 1px dotted rgb(200, 200, 200);
}
.organization_list th{
	vertical-align: top;
	text-align: left;
	width: 6em;
	padding: 0.5em 1em 0.5em 0;
}
.organization_list td{
	vertical-align: top;
	text-align: left;
	padding: 0.5em 0em 0.5em 0;
}

.program-list-category{
	margin-bottom: 2em;
}
.program-list-category h3{
	font-weight: 600;
	font-size: 1.3rem;
	width: 100%;
	text-align: center;
	margin-bottom: 1em ;
}
.program-list-category h4{
	font-weight: 600;
}
.program-list-category h5{
	font-weight: 600;
	margin-left: 1em;
}
.program-list-category ul{
	margin-left: 1em;
}
.program-list-category li{
	position: relative;
	margin-left: 8rem;
}
.program-list-category li.thema::before{
	position: absolute;
	content:"テーマ：";
	left: -4rem;
}
.program-list-category li.zacho::before{
	position: absolute;
	content:"座長：";
	left: -3rem;
}
.program-list-category li.presenter::before{
	position: absolute;
	content:"発表者：";
	left: -4rem;
}
.program-list-category li.designat::before{
	position: absolute;
	content:"指定討論者：";
	left: -6rem;
}
.program-list-category li.commentator::before{
	position: absolute;
	content:"コメンテーター：";
	left: -8rem;
}



.program-table-list h3{
	font-weight: 600;
	font-size: 1rem;
}
.program-table-list table{
	border-collapse: collapse;
}
.program-table-list tr,
.program-table-list th,
.program-table-list td{
	border: 1px solid var(--table-border-color1);
}
.program-table-list tr{
	border-bottom: 1em solid rgb(100, 100, 100);
}
.program-table-list tr:first-child,
.program-table-list tr:last-child{
	border-bottom: 1px solid rgb(100, 100, 100);
}
.program-table-list th{
	padding: .5em 1em;
	background-color: var(--table-border-th-background);
	color: var(--table-border-th-font);
}
.program-table-list td{
	padding: .5em 1em;
}

.fotter-body{
	margin-top: 2rem;
	padding: 1rem ;
	text-align: right;
}








.header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.header__inner {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: inherit;
  position: relative;
}


/* ヘッダーのナビ部分 */

.header__nav {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  transform: translateX(100%);
  background-color: rgba(255, 255, 255, 0.8);
  transition: ease .4s;
  display: none;
}


@media screen and (min-width: 740px) {
  .header__nav {
    position: static;
    transform: initial;
    background-color: inherit;
    height: inherit;
    display: none;
    justify-content: end;
    width: 50%;
  }
}


@media screen and (min-width: 740px) {
  .nav__items {
    width: 100%;
    display: flex;
    align-items: center;
    height: initial;
    justify-content: space-between;
  }
}

.nav-items {
  padding-top: 2rem;
}


@media screen and (min-width: 740px) {
  .nav-items {
    padding-top: inherit;
    padding-bottom: inherit;
  }
}

/* ナビのリンク */
.nav-items__item a {
  color: black;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.3rem;
  padding: .5em 0;
  margin-bottom: .5em;
  text-decoration: none;
  /*background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(73,157,214,1) 30%,rgba(0,134,214,1) 50%,rgba(111,196,246,1) 70%,rgba(125,185,232,0) 100%);*/
  background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(0,134,214,1) 50%,rgba(125,185,232,0) 100%);
}

.nav-items__item:last-child a {
  margin-bottom: 0;
}

@media screen and (min-width: 960px) {
  .nav-items__item a {
    margin-bottom: 0;
  }
}


/* ハンバーガーメニュー */

.header__hamburger {
  width: 3rem ;
  height: 3rem;
  position: absolute;
  top:1rem;
  right: 1rem;
  display: inline-block;
}

.hamburger {
  background-color: var(--main-background-color);
  /*
  background-color: transparent;
  */
  border-color: transparent;
  z-index: 9999;
}

@media screen and (min-width: 740px) {
  .hamburger {
    display: none;
  }
}

/* ハンバーガーメニューの線 */
.hamburger span {
  width: 100%;
  height: 1px;
  background-color: #000;
  position: relative;
  transition: ease .4s;
  display: block;
}

.hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2) {
  margin: 8px 0;
}

.hamburger span:nth-child(3) {
  top: 0;
}


/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
  transform: translateX(0);
  display: inline;
}

.hamburger.active span:nth-child(1) {
  top: 5px;
  transform: rotate(45deg);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  top: -13px;
  transform: rotate(-45deg);
}




/*挨拶*/
.sec-parts__greeting{
	border-bottom: 4px solid var(--sub1-color);
	padding-bottom: 1em;
}
.greeting-area{
	display: flex;
	width: 100%;
}
.greeting-area-left{
	width: 10em;
}
img.greeting-img{
	width: 100%;
}
.greeting-area-right{
	padding:0 2em;
	width: calc(100% - 10em);
}
.greeting-area-right h3{
	text-align: center;
	margin: 1rem 0;
	font-weight: 600;
}
.greeting-area-right h4{
	text-align: center;
	margin: 1rem 0;
	padding-bottom: 1em;
	border-bottom: 2px dotted var(--sub1-color);
}

.readmore {
    position: relative;
    margin: 1em auto 0;
    padding: 0 0 75px;

}

.readmore label {
    position: absolute;
    display: table;
    left: 50%;
    bottom: 0;
    margin: 0 auto;
    width: 200px;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background-color: var(--sub2-color);
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 1;
}

.readmore label::before {
    content: '続きを見る';
}
.readmore input[type="checkbox"]:checked ~ label::before {
    content: '元に戻す';
}
.readmore input[type="checkbox"] {
    display: none;
}
.readmore-content {
    position: relative;
    height: 4em;
    overflow: hidden;
}
.readmore input[type="checkbox"]:checked ~ .readmore-content {
    height: auto;
}


/*abstracts*/
.abstracts-tem{
}
.abstracts-tem h3{
	font-weight: 600;
}
.abstracts-tem ol,
.abstracts-tem ul{
	margin-left: 2em;
	margin-bottom: 1em;
}
.abstracts-period{
	font-size: 1.5em;
	font-weight: 600;
}
@counter-style number-style {
  system: extends decimal;
  suffix: ") ";
}
/*1)*/
.abstracts-tem .abstracts-number-style{
	list-style: number-style;
}
/*〇*/
.abstracts-tem .abstracts-circle{
	list-style: circle;
}
/*●*/
.abstracts-tem .abstracts-disc{
	list-style: disc;
}
/*1.*/
.abstracts-tem .abstracts-dotted-decimal{
	list-style: dotted-decimal;
}
.abstracts-ga{
	border: 4px solid var(--sub2-color);
	padding: .5em;
}
.abstracts-ga h3{
	text-align: center;
	border-bottom: 4px double var(--sub2-color);
	margin-bottom: 1em;
}


.endai-button{
	margin: 2rem 0 4rem 0;
}
.endai-button a{
	border:2px solid var(--button-borfer-color);
	border-radius: .5rem;
	padding: 1rem 4rem ;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.5rem ;
	background-color: var(--button-bg-color);
	color: #FFF;
	text-shadow: 1px 1px var(--button-shadow-color);
  box-shadow: 2px 2px var(--button-shadow-color);
}



.application-tem{
}
.application-period{
	font-size: 1.5em;
	font-weight: 600;
}
.application-tem table{
	border-collapse: collapse;
}
.application-tem tr,
.application-tem td,
.application-tem th{
	border: 1px solid var(--table-border-color1);
	padding: .5em 1em;
}
.application-tem th{
	font-weight: 600;
	background-color: var(--table-border-th-background);
	color: var(--table-border-th-font);
	text-shadow: 1px 1px rgb(0, 0, 0, 1.0);
}

.application-tem ol,
.application-tem ul{
	margin-left: 2em;
	margin-bottom: 1em;
}
.application-tem .application-disc{
	list-style: disc;
}

.preparation{
	border:2px solid #999;
	border-radius: .5rem;
	padding: 1rem 2rem ;
	text-decoration: none;
	font-weight: 600;
	font-size: 1rem ;
	background-color: #777;
	color: #FFF;
	text-shadow: 1px 1px var(--button-shadow-color);
	box-shadow: #999;
	width:5rem;
	text-align:center;
}

.program-button{
	margin-top: 1em;
	margin-bottom: 1em;
}
.program-button a{
	border:2px solid var(--button-borfer-color);
	border-radius: .5rem;
	padding: 1rem 2rem ;
	text-decoration: none;
	font-weight: 600;
	font-size: 1rem ;
	background-color: var(--button-bg-color);
	color: #FFF;
	text-shadow: 1px 1px var(--button-shadow-color);
	box-shadow: 2px 2px var(--button-shadow-color);
}

@media not all and (min-width: 913px){
.program-button{
	display:flex;
}
.program-button a{
	display:block;
}
}
.program-disc{
	list-style: disc;
	margin-bottom: 2em;
	margin-left: 2em;
}
.about-ul-list{
	padding-left: 1em;
}
.about-ul-list li{
 background-image: url(../img/hoshi.png);
 background-position: top left;
 background-repeat: no-repeat;
 background-size: auto 1.3em;
 padding-left: 1.5em;
 line-height: 1.3em;
 margin-bottom: 1em;

}


/*その他*/
.sponsorship ul{
  padding-left: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.sponsorship ul li{
  margin-bottom: 1rem;
  margin-right: 1rem;
  width: 45%;
  display: inline-block;
}
.sponsorship ul li img {
	width: 100%;
}


.flyer img{
	max-width: 200px;
}
.text_underline{
	text-decoration: underline;
}


.sns_icon img{
	width: 2em;
	height: 2em;
	padding: .5em;
}

.small-text{
	font-size:0.8em;
}

.adoption{
	display: flex;
	margin-right:1em;
}
.adoption2{
	margin-right:1em;
}

@media not all and (min-width: 912px){
.adoption{
	display:block;
}

.adoption2{
	margin-bottom:1em;
}
}


.announcements {
    position: relative;
    margin: 1em auto 0;
    padding: 0 0 75px;
}

.announcements label {
    position: absolute;
    display: table;
    left: 50%;
    bottom: 0;
    margin: 0 auto;
    width: 200px;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background-color: var(--sub2-color);
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 1;
}

.announcements label::before {
    content: 'これまでのお知らせを見る';
}
.announcements input[type="checkbox"]:checked ~ label::before {
    content: '元に戻す';
}
.announcements input[type="checkbox"] {
    display: none;
}
.announcements-content {
    height: 0em;
    overflow: hidden;
    padding-left:1.3em;
}
.announcements input[type="checkbox"]:checked ~ .announcements-content {
    height: auto;
}

/*
特定商取引に基づく表記
asct.php
*/
.asct_table{
	margin: 1em;
}
.asct_table tr th{
	border: 1px solid var(--sub1-color);
	padding: .5em 1em;
	font-weight: 600;
}
.asct_table tr td{
	border: 1px solid var(--sub1-color);
	padding: .5em 1em;
}




/*
FAQ装飾用
*/

.frame {
	display: flex;
	flex-direction: column;
	border: 3px solid var(--sub2-color);
}

.f-block {
	display: flex;
	padding:0.5em;
}

.f-heading {
	font-weight: bold;
	min-width: 2em;
	border-bottom: 3px solid var(--sub2-color);
}

.f-main {
	font-weight: bold;
	width: auto;
	border-bottom: 3px solid var(--sub2-color);
}

.a-block {
	display: flex;
	padding:0.5em;
}

.a-heading {
	min-width: 2em;
}

.a-main {
	width:auto;
}


/*
/map/
2025/7/14追記
*/
.sec-map{
	margin: 2rem 0 4rem 0; 
	padding: 0 1rem ;
}
.sec-map li{
	margin-bottom: 1em;
}
.sec-map p{
	padding: 0 1em 1em 1em;
}
.sec-map p.indent{
	text-indent: 1em;
}
.sec-map img{
	display: block;
	border-bottom: 2px solid var(--button-shadow-color);
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.double{
	text-decoration:line-through;
	text-decoration-color:#ff0000;
	text-decoration-style:double;
	color:#ff0000;
}

.doublehyou{
	text-decoration:line-through;
	text-decoration-color:#ff0000;
	text-decoration-style:double;
}

.social_gathering ul{
	margin-bottom: 1em;
	margin-left: 1em;
}
.social_gathering h3{
	font-weight: 600;
}

.index_ondemand_text{
	color: rgba(220, 50, 50, 1.0);
}


.ondemand-sec{
	border-bottom: 2px solid var(--main-color);
	padding-bottom: 1em;
}
video{
	width: calc(100% - 2em);
	margin: 1em ;
	box-shadow: 0 0 4px rgba(50, 50, 50, 0.8);
}

.sponsored_by_hcw img{
	width: 200px;
	display: block;
	margin: 1em auto;
}
.sponsored_by_hcw img + div{
	font-weight: 600;
	font-size: 1.5rem;
	text-align: center;
}