@charset "UTF-8";
/* CSS Document */

/*オープニング*/
.start {  background: #FFF;  position: fixed;  top: 0;  left: 0;  height: 100%;  width: 100%;  z-index: 9000;}
.srtclass_block {  position: fixed;  z-index: 9001;  display: block;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);  width: 200px;  height:auto;}
.srtclass_block img{  width:200px;  height:auto;  animation-name:strfixed;  animation-timing-function:ease-out;  animation-fill-mode:forwards;  animation-duration: 2s;	}
@keyframes strfixed {
  0% {    opacity:0;    transform: scaleY(0);  }
  100% {    opacity:1;    transform: scaleY(1);  }
}

/*キャッチコピー */
.downAnime{    opacity: 0;/* 事前に透過0 にして消しておく*/}
.slideAnimeDownUp {    animation-name:slideTextY100;    animation-duration:0.8s; animation-delay: 4s;   animation-fill-mode:forwards;    opacity: 0;}
@keyframes slideTextY100 {
    from {        transform: translateY(100%);/* 要素を上の枠外に移動*/        opacity: 0;    }
    to {        transform: translateY(0);/* 要素を元の位置に移動*/        opacity: 1;    }
}
.slideAnimeUpDown {    animation-name:slideTextY-100;    animation-duration:0.8s;    animation-fill-mode:forwards;    opacity: 0;}
@keyframes slideTextY-100 {
    from {        transform: translateY(-100%);/* 要素を下の枠外に移動*/        opacity: 0;    }
    to {        transform: translateY(0);/* 要素を元の位置に移動*/        opacity: 1;    }
}
@media (min-width:1051px) {	
	header #header_wrap #logo_head_index{display: none}
	header #header_wrap #logo_head_2nd{display: none}
  
		
	main{padding: 0px 0 0 0}
	
	main #movie{position:fixed;top:0px;right: 0; display: block;  width:100%;  height: 100%;z-index: -1}
	main #movie video{ display: block;  width: 100%;height:100%;margin: 0 0 0 auto;padding: 0;/*  height:600px;*/object-fit: cover;opacity: 0.5}
	
	main #image_container{position: relative;width: 100%;min-height: 650px; margin: 0 auto 0px auto;padding: 0;/* background: linear-gradient(0deg, #fff 0%, #fff 50%,#00c6d2 50%, #00c6d2 100%);*/}
	main #image_container::before {    content:"";    display: block;    padding-top: 30%; /*幅高の比率固定 */}
		
	main #image_container #image{position:absolute;top: 0;right: 0;width:70%;height: 80%;z-index: 1}
	main #image_container #image #effect_wrap{position: absolute;top:0px;left:0%;width: 100%;height:100%;z-index: 1}
	main #image_container #image #effect_wrap .curtain_effect_loading{width: 100%;height:100%}
	main #image_container #image .image_slider {	width:100%;height: 100%;margin: 0 auto;}	
	main #image_container #image .image_slider div{position: relative;width:100%;height: 100%;margin: 0 auto;padding: 0;}		
	main #image_container #image .image_slider div img{width:100%;height:100%;margin: 0 ;padding: 0;object-fit: cover}
	
	main #image_container #title{position:absolute;top:20%;right: 40%;width: 50%;min-width:740px;/* height: 90%;*/z-index: 2;}	
	main #image_container #title .inner{/*min-width: 700px;*/ margin: 0 ;padding: 0 0 0 100px;background: url("../img/logo_icon.png") no-repeat;background-size: 88px auto;background-position: 0 50%;}	
	main #image_container #title .inner p{margin: 0 0 10px 0;padding: 0;font-size: 18px;letter-spacing: 1px;font-weight: normal;color:#B0AC84}
	main #image_container #title .inner h1{margin: 0;padding: 0; font-size: 38px;letter-spacing:0px;color:#FA6474;line-height:45px}
	main #image_container #title .inner h1 span{display:block; font-size:28px;}
	
	main #image_container #group_name01{position:absolute;bottom:22%;right: 5%;width:40%;z-index: 2}	
	main #image_container #group_name01 figure{width:100%;}
	main #image_container #group_name01 figure img{width:100%;}
	
	main #image_container #group_name02{position:absolute;bottom:22%;right: 5%;width:40%;z-index: 2}	
	main #image_container #group_name02 figure{width:60%;margin: 0 0 0 auto}
	main #image_container #group_name02 figure img{width:100%;}
	
	main #image_container #background_color{position:absolute; left:0%;top:0px;width: 100%;height: 350px; margin: 0;padding: 0; background: #FFEFE0;}	
	
	/*  ニュース  */    
	main #news{width: 80%;max-width: 1500px; margin: 0 auto 0px; padding: 0 0 80px 0; display: flex;}
  main #news .news_title {width: 20%;}
  main #news .news_title .info {display: block; font-size: 14px; color: #FA6474; margin:0 ;}
  main #news .news_title h2 {color: #92806C;  font-size:30px; margin: 0 0;}
  main #news .news_title div {color: #00C6D2; font-size:14px;}
  main #news .news_title div a {text-decoration: none; display: block; color: #00BAC5;}
  main #news .news_title div a .icon{position: relative; margin-left: 3%;}
  main #news .news_title div a .icon::after {content: '\f061'; font-family: "Font Awesome 5 Free";font-weight: 900;　position: absolute; top: -20px; left: 0; width: 30px; height: 30px; background-color: #00BAC5; padding: 10px; color: #fff; /*display: inline-block;*/ }
  main #news .news_title div a .icon .fa-arrow-right{ color: #fff;}

  main #news .news_content{margin: 0 ;  width: 80%}    
	main #news .news_content dl{display: flex;flex-wrap: wrap;}
	main #news .news_content dl dt {width: 0%;margin: 0;padding:20px 0;color: #92806C; letter-spacing: 1px;font-size:14px; border-bottom: 1px solid #E7DCC6;}
	main #news .news_content dl dt:last-of-type {border-bottom: none; }
	main #news .news_content dl dd {width: 100%;margin: 0;padding:20px 0 20px 40px;color:#5F5858;letter-spacing: 1px;line-height:22px; font-size:14px;border-bottom: 1px solid #E7DCC6;position: relative;}
  main #news .news_content dl dd:last-of-type {border-bottom: none; }
	main #news .news_content dl dd a{text-decoration: none;    color: #fa6474;}
  main #news .news_content dl dd a:hover{color: lightgray;}	
  
  main #news .news_content dl dd::before {
    content: "";
    position: absolute;
    top: 25px;
    left: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 7px solid #E7DCC6;
  }
    
    /*  特別招待講演  */    
  main #lecture {margin: 0 auto 150px auto;background: white/*display: flex;*/}
  main #lecture .lecture_img {width: 40%; height:700px;  float: left; }
  main #lecture .lecture_img img{width: 100%; height:100%; object-fit: cover;}

	main #lecture .lecture_content{/*background-color:antiquewhite;*/ float: right; width: 60%;padding: 80px 0}	
  main #lecture .lecture_content .inner{width: 80%; margin: 0 auto; /*background-color: darkcyan;*/} /*レスポンシブで調整*/	
	main #lecture .lecture_content .inner .title {display: flex;align-items: center;margin: 0 auto 20px auto}
  main #lecture .lecture_content .inner .title .lec_title{width: 20%;min-width: 200px;  padding: 0 0px 0 0;}
  main #lecture .lecture_content .inner .title .lec_title h3 {margin: 0; padding: 0;color: #92806C; font-size: 28px;letter-spacing: 2px; font-weight: bold;}
  main #lecture .lecture_content .inner .title .lec_title span{font-size: 14px;color: #FA6474;letter-spacing: 1px}
  main #lecture .lecture_content .inner .title .sub_title{margin: 0;padding:25px 0 0 0;color: #3F3830; font-size: 14px;}
	
	main #lecture .lecture_content .inner dl{display: flex;flex-wrap: wrap; margin: 0 auto 30px auto; width: 100%;border-top: 1px solid #E7DCC6; }	
    main #lecture .lecture_content .inner dl dt{text-align: center; width: 25%;  margin: 0 ;padding: 20px 0;  font-size: 14px;letter-spacing: 0px;color:#FA8474;border-bottom: 1px solid #E7DCC6; background-color: #fffbf2 ; }  
    main #lecture .lecture_content .inner dl dt span{width: 100%;display: block;padding: 8px 0px;/* font-weight: bold;*/}
    main #lecture .lecture_content .inner dl dd { width:70%; margin: 0 ;padding:20px 0px 20px 5%; font-size: 14px;letter-spacing:1px;line-height: 26px;  color: #5F5858;border-bottom: 1px solid #E7DCC6;}  
    main #lecture .lecture_content .inner .arrow {text-align: end; }
    main #lecture .lecture_content .inner .arrow a {text-decoration: none; display: block; color: #FA6474; margin: 0;}
    main #lecture .lecture_content .inner .arrow a .icon{position: relative; margin-left: 3%;}
    main #lecture .lecture_content .inner .arrow a .icon::after {content: '\f061'; font-family: "Font Awesome 5 Free";font-weight: 900;　position: absolute; top: -20px; left: 0; width: 30px; height: 30px; background-color: #fa6474; padding: 10px; color: #fff;}
    main #lecture .lecture_content .inner .arrow a .icon .fa-arrow-right{ color: #fff;}    
	main #lecture .lecture_content .inner .arrow a:hover{color: #3f6775; }
	main #lecture .lecture_content .inner .arrow a:hover .icon::after{background-color: #3f6775;}
    
    /*  研究会開催スケジュール  */    
    main #schedule {width: 100%; margin: 0px auto;padding: 80px 0; background: white;　/*font-size: 15px;*/ }
	main #schedule .title{width: 1000px; margin: 0px auto;}
	main #schedule .title .title-left{float: left}
	main #schedule .title .title-left span {font-size: 14px; color: #FA6474;letter-spacing: 1px}
    main #schedule .title .title-left h4{margin: 0 auto 10px auto;padding: 0; font-size: 30px; color: #92806C; font-weight: bold;}
    main #schedule .title .title-left .schedule-sub {text-align: left; font-size: 14px;color: #3F3830;}
	main #schedule .title .archive{float: right;margin-top: 30px;}
	main #schedule .title .archive a{text-decoration: none; display: block; color: #FA6474; text-align: end;}	
    main #schedule .title .archive a .icon{position: relative; margin-left: 3%;}
    main #schedule .title .archive a .icon::after {content:'\f061';font-family:"Font Awesome 5 Free";font-weight: 900;position: absolute; top: 5px; right: 0; background-color:#fa6474; padding: 10px; color: #fff;}
    main #schedule .title .archive a .icon .fa-arrow-right{ color: #fff;}
	main #schedule .title .archive a:hover{color: #3f6775; }
	main #schedule .title .archive a:hover .icon::after{background-color: #3f6775;}
    
	main #schedule table {position:relative;width: 1000px;margin:0 auto;  border-collapse: collapse;  background-color: #FFFBF2; }
	main #schedule table::before{content: '';position: absolute;top: -3px;left: 0;background: #FAABA5;width: 100%;height: 1px;}
	main #schedule table tr {}
    main #schedule table th {padding: 20px 0;text-align: center; background-color: #FA8A80; color: #fff;font-size: 12px;}
	main #schedule table th:nth-of-type(1){width:10%;}
	main #schedule table th:nth-of-type(2){width:15%;}
	main #schedule table th:nth-of-type(3){width:10%;}
	main #schedule table th:nth-of-type(4){width:35%;}
	main #schedule table th:nth-of-type(5){width:10%;}
	main #schedule table th:nth-of-type(6){width:10%;}
	main #schedule table th:nth-of-type(7){width:10%;}
	main #schedule table td{border-bottom: 1px solid #E7DCC6;font-size: 13px; color: #5F5858;padding: 12px 5px;}
    main #schedule table .month {text-align: center; font-size: 13px; padding: 12px 0;}
    main #schedule table .recess{text-align: center;}
    main #schedule table .theme{ }
	main #schedule table td a{color: #fa6474; }
	main #schedule table td a:hover{color: #ccddcb;}
    
    /*  メンバー  */    
    main #member {margin: 0 auto;padding: 80px 0; background-color: #FFECDC;}		
	main #member h5{margin: 0 auto 30px auto;padding:0px 0px;font-size:18px;letter-spacing: 2px;font-weight: normal;color:#FA8A80;text-align: center;}
	main #member h5 span{display:block;font-size: 16px}
	main #member ul{list-style: none;width:800px; padding: 0; /*display: flex; justify-content: space-evenly;*/ margin: 0 auto;font-size: 0}
	main #member ul li{position:relative; padding: 0 0 0 5%;width: 20%; margin: 0;display: inline-block; color:#696655;font-size: 14px;vertical-align: top }	
	main #member ul li::before{content: '';position: absolute;top: 0%;left: 10px;/*transform:translateY(-50%);*/background: #E7DCC6;width: 1px;height:80px;}
	main #member ul li:first-of-type::before{display:none;}
	main #member ul li span{display: block;color: #FA8474;font-size: 14px;margin-bottom: 10px }
	}


/*============================ タブレット =====================================================
===========================================================================================*/
@media screen and (min-width:701px) and ( max-width:1050px)  {
	header #header_wrap #logo_head_index{position: absolute;top:30px;left:3%;width:160px;margin: 0;padding:0px 0 0 0;}
	header #header_wrap #logo_head_index a img{width:100%;}
	header #header_wrap #logo_head_index a:hover{opacity:0.3;}	
	header #header_wrap #logo_head_2nd{display:none;}
		
	main{padding: 0px 0 0 0}
	
	main #movie{position:fixed;top:0px;right: 0; display: block;  width:100%;  height: 100%;z-index: -1}
	main #movie video{ display: block;  width: 100%;height:100%;margin: 0 0 0 auto;padding: 0;/*  height:600px;*/object-fit: cover;opacity: 0.7}
	
	main #image_container{position: relative;width: 100%;min-height: 500px; margin: 0 auto 0px auto;padding: 0;/* background: linear-gradient(0deg, #fff 0%, #fff 50%,#00c6d2 50%, #00c6d2 100%);*/}
	main #image_container::before {    content:"";    display: block;    padding-top: 25%; /*幅高の比率固定 */}
		
	main #image_container #image{position:absolute;top: 0;right: 0;width:60%;height: 80%;z-index: 1}
	main #image_container #image #effect_wrap{position: absolute;top:0px;left:0%;width: 100%;height:100%;z-index: 1}
	main #image_container #image #effect_wrap .curtain_effect_loading{width: 100%;height:100%}
	main #image_container #image .image_slider {	width:100%;height: 100%;margin: 0 auto;}	
	main #image_container #image .image_slider div{position: relative;width:100%;height: 100%;margin: 0 auto;padding: 0;}		
	main #image_container #image .image_slider div img{width:100%;height:100%;margin: 0 ;padding: 0;object-fit: cover}
	
	main #image_container #title{position:absolute;top:20%;left:5%;width: 90%;/* height: 90%;*/z-index: 2}	
	main #image_container #title .inner{/*min-width: 700px;*/ margin: 0 ;padding: 0 0 0 70px;background: url("../img/logo_icon.png") no-repeat;background-size: 68px auto;background-position: 0 50%;}	
	main #image_container #title .inner p{margin: 0 0 10px 0;padding: 0;font-size: 14px;letter-spacing: 1px;font-weight: normal;color: #B0AC84;}
	main #image_container #title .inner h1{margin: 0;padding: 0; font-size: 26px;letter-spacing:0px;color:#FA6474;line-height:30px}
	main #image_container #title .inner h1 span{display:block; font-size:18px;}
	
	main #image_container #group_name01{position:absolute;bottom:22%;right: 5%;width:50%;z-index: 2}	
	main #image_container #group_name01 figure{width:100%;}
	main #image_container #group_name01 figure img{width:100%;}
	
	main #image_container #group_name02{position:absolute;bottom:22%;right: 5%;width:50%;z-index: 2}	
	main #image_container #group_name02 figure{width:60%;margin: 0 0 0 auto}
	main #image_container #group_name02 figure img{width:100%;}
	
	main #image_container #background_color{position:absolute; left:0%;top:0px;width: 100%;height: 350px; margin: 0;padding: 0; background:#FFEFE0;}	
	
	/* 　ニュース   */
  main #news{width: 80%; margin: 0 auto 80px auto; padding: 0; }
  main #news .news_title {width:100%; }
  main #news .news_title .info {display: block; font-size: 14px; color:#FA6474; letter-spacing: 1px}
  main #news .news_title h2 {color: #92806C; font-weight: bold; font-size:30px; margin: 0 0 ;}
  main #news .news_title div {color: #00C6D2; font-size:14px;}
  main #news .news_title div a {text-decoration: none; display: block; color: #00BAC5;}
  main #news .news_title div a .icon{position: relative; margin-left: 3%;}
  main #news .news_title div a .icon::after {content: '\f061'; font-family: "Font Awesome 5 Free";font-weight: 900;　position: absolute; top: -20px; left: 0; width: 30px; height: 30px; background-color: #00BAC5; padding: 8px; color: #fff; /*display: inline-block;*/ }
  main #news .news_title div a .icon .fa-arrow-right{ color: #fff;}
    
	main #news .news_content{margin: 0 ;  width: 100%}       
	main #news .news_content dl{display: flex;flex-wrap: wrap;}
	main #news .news_content dl dt {width: 0%;margin: 0;padding:20px 0;color:#92806C; letter-spacing: 1px;font-size:14px; border-bottom: 1px solid #E7DCC6;}
	main #news .news_content dl dt:last-of-type{border-bottom:none}
	main #news .news_content dl dd {width: 100%;margin: 0;padding:20px 0 20px 40px;color:#5F5858;letter-spacing: 1px;line-height:24px; font-size:14px;border-bottom: 1px solid #E7DCC6;position: relative;}
  main #news .news_content dl dd:last-of-type{border-bottom:none}
	main #news .news_content dl dd a{text-decoration: none;    color: #fa6474;}
  main #news .news_content dl dd a:hover{color: lightgray;}	
  
   main #news .news_content dl dd::before {
    content: "";
    position: absolute;
    top: 25px;
    left: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 7px solid #E7DCC6;
  }
    
	/*  特別招待講演  */    
  main #lecture {margin: 0 auto 100px auto;/*display: flex;*/}
  main #lecture .lecture_img {width: 70%;height:300px ;margin: 0 auto 0 0}
  main #lecture .lecture_img img{width: 100%; height: 100%; object-fit: cover;/*top:20px;*/}
	main #lecture .lecture_content{/*background-color:antiquewhite;*/  width: 100%;background:white}
  main #lecture .lecture_content .inner{width: 80%; margin: 0 auto; padding: 80px 0;  } /*レスポンシブで調整*/
	
	main #lecture .lecture_content .inner .title {margin: 0 auto 20px auto;}
  main #lecture .lecture_content .inner .title .lec_title{font-size: 30px; }
  main #lecture .lecture_content .inner .title .lec_title h3 {margin: 0; padding: 0;color:#92806C; font-size: 28px;}
  main #lecture .lecture_content .inner .title .lec_title span{font-size: 14px;color:#FA6474;letter-spacing: 1px}
  main #lecture .lecture_content .inner .title .sub_title{margin:10px auto 0 auto;padding:  0 0; color:#3F3830; font-size: 14px;letter-spacing: 1px}
	
	main #lecture .lecture_content .inner dl{display: flex;flex-wrap: wrap; margin: 0 auto 30px auto; width: 100%;border-top: 1px solid #E7DCC6;}
  main #lecture .lecture_content .inner dl dt{text-align: center; width: 25%;  margin: 0 ;padding:20px 0;  font-size: 14px;letter-spacing: 0px;color:#FA8474;border-bottom: 1px solid #E7DCC6; background-color: #fffbf2 ;}  
  main #lecture .lecture_content .inner dl dt span{width: 100%;display: block; padding: 8px 0px; font-weight: bold;}
  main #lecture .lecture_content .inner dl dd { width:70%; margin: 0 ;padding:20px 0px 20px 5%; font-size: 14px;letter-spacing:1px;line-height: 26px;  color:#5F5858;border-bottom: 1px solid #E7DCC6;} 
  main #lecture .lecture_content .inner .arrow {text-align: end; }
  main #lecture .lecture_content .inner .arrow a {text-decoration: none; display: block; color: #FA6474; margin: 0;}
  main #lecture .lecture_content .inner .arrow a .icon{position: relative; margin-left: 3%;}
  main #lecture .lecture_content .inner .arrow a .icon::after {content: '\f061'; font-family: "Font Awesome 5 Free";font-weight: 900;　position: absolute; top: -20px; left: 0; width: 30px; height: 30px; background-color: #fa6474; padding: 8px; color: #fff;}
  main #lecture .lecture_content .inner .arrow a .icon .fa-arrow-right{ color: #fff;}
	main #lecture .lecture_content .inner .arrow a:hover{color: #3f6775; }
	main #lecture .lecture_content .inner .arrow a:hover .icon::after{background-color: #3f6775;}
	
	/*  研究会開催スケジュール  */    
    main #schedule {width: 100%; margin: 0px auto;padding: 80px 0; background: white;　/*font-size: 15px;*/ }
	main #schedule .title{width:80%; margin: 0px auto;}
	main #schedule .title .title-left{margin: 0 auto 20px auto}
	main #schedule .title .title-left span {font-size: 14px; color: #FA6474;}
    main #schedule .title .title-left h4{margin: 0;padding: 0; font-size: 30px; color: #92806C; font-weight: bold;}
    main #schedule .title .title-left .schedule-sub {text-align: left; font-size: 14px;color: #3F3830;}
	main #schedule .title .archive{float: right;margin-top: 30px;}
	main #schedule .title .archive a{text-decoration: none; display: block; color: #FA6474; text-align: end;}	
    main #schedule .title .archive a .icon{position: relative; margin-left: 3%;}
    main #schedule .title .archive a .icon::after {content:'\f061';font-family:"Font Awesome 5 Free";font-weight: 900;position: absolute; top: 3px; right: 0; background-color: #fa6474; padding: 10px; color: #fff;}
    main #schedule .title .archive a .icon .fa-arrow-right{ color: #fff;}
	main #schedule .title .archive a:hover{color: #3f6775; }
	main #schedule .title .archive a:hover .icon::after{background-color: #3f6775;}
	
	main #schedule .table-contents{width:80%;margin: 0 auto;overflow: scroll;}
	main #schedule .table-contents table {position:relative;width:990px;margin:0 auto;  border-collapse: collapse;background-color: #FFFBF2; }	
	main #schedule .table-contents table tr {}
    main #schedule .table-contents table th {padding: 20px 0;text-align: center; background-color: #FA8A80; color: #fff; border: none;font-size: 12px;}
	main #schedule .table-contents table th:nth-of-type(1){width:80px;}
	main #schedule .table-contents table th:nth-of-type(2){width:120px;}
	main #schedule .table-contents table th:nth-of-type(3){width:100px;}
	main #schedule .table-contents table th:nth-of-type(4){width:350px;}
	main #schedule .table-contents table th:nth-of-type(5){width:110px;}
	main #schedule .table-contents table th:nth-of-type(6){width:110px;}
	main #schedule .table-contents table th:nth-of-type(7){width:120px;}
	main #schedule .table-contents table td{border-bottom: 1px solid #E7DCC6; font-size: 13px; color: #5F5858;padding: 12px 5px;}
    main #schedule .table-contents table .month {text-align: center; font-size: 13px; padding: 12px 0;}
    main #schedule .table-contents table .recess{text-align: center;}
    main #schedule .table-contents table .theme{/*padding: 5px;*/ }
	main #schedule .table-contents table td a{color:#fa6474; }
	main #schedule .table-contents table td a:hover{color: #ccddcb;}
	
	/*  メンバー  */    
    main #member {margin: 0 auto;padding: 50px 0 30px 0; background-color: #FFECDC;}		
	main #member h5{width:80%;margin: 0 auto 0px auto;padding:0px 0px;font-size:18px;letter-spacing:0px;font-weight: normal;color:#FA8A80;text-align: center;}
	main #member h5 span{display:block;font-size: 13px}
	main #member ul{list-style: none; width:50%;min-width: 500px; padding: 0; margin: 0 auto;}
	main #member ul li{padding:14px 0 16px 0; margin: 0;color:#696655;font-size: 14px; border-bottom: #E7DCC6 solid 1px; }	
	main #member ul li:last-of-type{border-bottom:none;}
	main #member ul li span{display: block;color: #FA8474;font-size: 13px;margin-bottom: 5px}
}


/*============================ SP ==========================================================
===========================================================================================*/
@media (max-width: 700px) {
	header #header_wrap #logo_head_index{position: absolute;top:30px;left:3%;width:120px;margin: 0;padding:0px 0 0 0;}
	header #header_wrap #logo_head_index a img{width:100%;}
	header #header_wrap #logo_head_index a:hover{opacity:0.3;}	
	header #header_wrap #logo_head_2nd{display:none;}
	
	main{padding: 0px 0 0 0}
	
	main #movie{position:fixed;top:0px;right: 0; display: block;  width:100%;  height: 100%;z-index: -1}
	main #movie video{ display: block;  width: 100%;height:100%;margin: 0 0 0 auto;padding: 0;/*  height:600px;*/object-fit: cover;opacity: 0.7}
	
	main #image_container{position: relative;width: 100%;/*min-height: 700px;*/height: 90vh;margin: 0 auto 0px auto;padding: 0;/* background: linear-gradient(0deg, white 0%, white 50%,#00c6d2 50%, #00c6d2 100%);*/}
	main #image_container::before { /*   content:"";    display: block;    padding-top: 34%;*/ /*幅高の比率固定 */}
		
	main #image_container #image{position:absolute;bottom: 0;right: 0;width:100%;height: 70%;z-index: 1}
	main #image_container #image #effect_wrap{position: absolute;top:0px;left:0%;width: 100%;height:100%;z-index: 1}
	main #image_container #image #effect_wrap .curtain_effect_loading{width: 100%;height:100%}
	main #image_container #image .image_slider {	width:90%;height: 100%;margin: 0 0 0 auto;}	
	main #image_container #image .image_slider div{position: relative;width:100%;height: 100%;margin: 0 auto;padding: 0;}		
	main #image_container #image .image_slider div img{width:100%;height:100%;margin: 0 ;padding: 0;object-fit: cover}
	
	main #image_container #title{position:absolute;top:5%;left:10%;width: 80%;/* height: 90%;*/z-index: 2}	
	main #image_container #title .inner{/*min-width: 700px;*/ margin: 0 ;padding: 50px 0 0 0px;background: url("../img/logo_icon.png") no-repeat;background-size:58px auto;background-position: 0 0%;}	
	main #image_container #title .inner p{margin: 0 0 10px 0;padding: 0;font-size: 11px;letter-spacing: 0px;font-weight: normal;color:#B0AC84}
	main #image_container #title .inner h1{margin: 0;padding: 0; font-size: 18px;letter-spacing:0px;color:#FA6474;line-height:22px}
	main #image_container #title .inner h1 span{display:block; font-size:14px;}
	
	main #image_container #group_name01{position:absolute;bottom:15%;right: 5%;width:90%;z-index: 2}	
	main #image_container #group_name01 figure{width:100%;margin: 0;padding: 0}
	main #image_container #group_name01 figure img{width:100%;}
	
	main #image_container #group_name02{position:absolute;bottom:15%;right: 5%;width:100%;z-index: 2}	
	main #image_container #group_name02 figure{width:70%;margin: 0 0 0 auto;padding: 0}
	main #image_container #group_name02 figure img{width:100%;}
	
	main #image_container #background_color{position:absolute; left:0%;top:0px;width: 100%;height: 350px; margin: 0;padding: 0; background:#FFEFE0;}	
	
	/* 　ニュース   */
  main #news{width: 80%; margin: 0 auto 30px; padding:30px 0; /*display: flex;*/}
  main #news .news_title {/*width: 20%; margin-left: 5%;*/ margin: 0px auto;}
  main #news .news_title .info {display: block; font-size: 12px; color:#FA6474;letter-spacing: 1px}
  main #news .news_title h2 {margin: 0;padding: 0; color:  #92806C; font-weight: bold; font-size:18px; margin: 0 0 0px 0;}
  main #news .news_title div {color: #00C6D2; font-size:14px;}
  main #news .news_title div a {text-decoration: none; display: block; color: #00BAC5; text-align: end; margin-top: -50px; font-size: 13px;}
  main #news .news_title div a .icon{position: relative; margin-left: 3%;}
  main #news .news_title div a .icon::after {content: '\f061'; font-family: "Font Awesome 5 Free";font-weight: 900;　position: absolute; top: -20px; left: 0; width: 30px; height: 30px; background-color: #00BAC5; padding: 10px; color: #fff; /*display: inline-block;*/ }
  main #news .news_title div a .icon .fa-arrow-right{ color: #fff;}
  main #news .news_content{margin: 0 auto; /*width: 80%*/}    
	main #news .news_content dl{/*display: flex;flex-wrap: wrap;*/width: 100%;margin: 0;padding: 0;  }
	main #news .news_content dl dt {width: 0%;margin: 0; padding:16px 0 0 0; color:#92806C; font-size:11px;letter-spacing:0px; font-weight: bold}
  main #news .news_content dl dd {width: 100%;margin: 0;padding:20px 0 20px 25px;color:#5F5858; font-size:13px;letter-spacing: 1px;border-bottom: 1px solid #E7DCC6;position: relative;}
	main #news .news_content dl dd:last-of-type{border-bottom:none}
  main #news .news_content dl dd a{text-decoration: none;    color: #fa6474;}
  main #news .news_content dl dd a:hover{color: lightgray;}	
  
  main #news .news_content dl dd::before {
    content: "";
    position: absolute;
    top: 25px;
    left: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 7px solid #E7DCC6;
  }
		
    /*  特別招待講演  */    
    main #lecture {margin: 0 auto 0px auto;padding: 0 0 30px 0;background: white;}
    main #lecture .lecture_img {/*width: 40%;*/ }
    main #lecture .lecture_img img{width: 80%; height: 160px; object-fit:cover;}
	main #lecture .lecture_content{/*background-color:antiquewhite; float: right;width: 60%;*/ }
    main #lecture .lecture_content .inner{width: 80%; margin: 0 auto; /*background-color: darkcyan;*/ }
	main #lecture .lecture_content .inner .title {margin: 0 auto 20px auto}
    main #lecture .lecture_content .inner .title .lec_title{width: 20%;min-width: 200px; font-size: 30px; /*margin-bottom: 5%;*/}
    main #lecture .lecture_content .inner .title .lec_title h3 {margin: 0; color:#92806C; font-size: 18px; font-weight: bold;}
    main #lecture .lecture_content .inner .title .lec_title span{font-size: 12px; color:#FA6474;}    
    main #lecture .lecture_content .inner .title .sub_title{margin: 1% 0 0 0.5%; color:#3F3830; font-size: 13px;}
	main #lecture .lecture_content .inner dl{ margin: 0 auto 0px auto; width: 100%;}
    main #lecture .lecture_content .inner dl dt{margin: 0 0 10px 0;padding:12px 0 10px 10px;border-top: 1px solid #E7DCC6;color: #FA8474; font-size: 14px;font-weight: bold;background: #fffbf2;}  
    main #lecture .lecture_content .inner dl dd {margin: 0;padding:0 0 16px 0; font-size: 13px; letter-spacing: 0px;line-height: 20px; color: #5F5858; }  
    main #lecture .lecture_content .inner .arrow {}
    main #lecture .lecture_content .inner .arrow a {text-decoration: none; display: block;width: 85%; color:white; font-size: 14px;  margin: 0 auto;padding: 15px 10px;text-align: center;background: #fa6474;border-radius: 5px}
    main #lecture .lecture_content .inner .arrow a .icon{position: relative;margin: 0 0 0 5px}
    main #lecture .lecture_content .inner .arrow a .icon::after{content:'\f061';font-family: "Font Awesome 5 Free";font-weight: 900;position:absolute;top:0;left:-50%;transform:translate(50% 50%);margin: 0;padding:0;}
	main #lecture .lecture_content .inner .arrow a:hover{background:#b6ba58; }
	
	/*  研究会開催スケジュール  */    
    main #schedule {width: 100%; margin: 0px auto;padding:0 0 50px 0; background: white;　/*font-size: 15px;*/ }
	main #schedule .title{width:80%; margin: 0px auto;}
	main #schedule .title .title-left{}
	main #schedule .title .title-left span {font-size: 12px; color: #FA6474;}
    main #schedule .title .title-left h4{margin: 0 auto 0px auto;padding: 0; font-size:18px;line-height: 24px; color: #92806C;}
    main #schedule .title .title-left .schedule-sub {text-align: left; font-size: 13px;color: #3F3830;}
	main #schedule .title .archive{margin-top: 10px}
	main #schedule .title .archive a{text-decoration: none; display: block;width: 85%;  margin: 0 auto;padding: 15px 10px;color: #fff; background:#fa6474;font-size: 15px; text-align:center;border-radius: 5px}	
    main #schedule .title .archive a .icon{position: relative;margin: 0 0 0 10px}
    main #schedule .title .archive a .icon::after {content:'\f061';font-family:"Font Awesome 5 Free";font-weight: 900;osition: absolute; top: -20px; left: 0; }
	main #schedule .title .archive a:hover{background:#b6ba58;  }	
	
	main #schedule .table-contents{width:80%;margin: 0 auto;overflow: scroll;}
	main #schedule .table-contents table {position:relative;width:990px;margin:0 auto;  border-collapse: collapse; border: none; background-color: #FFFBF2; }
	main #schedule .table-contents table tr {}
    main #schedule .table-contents table th {padding: 16px 0;text-align: center; background-color: #FA8A80; color: #fff;font-size: 12px;}
	main #schedule .table-contents table th:nth-of-type(1){width:80px;}
	main #schedule .table-contents table th:nth-of-type(2){width:120px;}
	main #schedule .table-contents table th:nth-of-type(3){width:100px;}
	main #schedule .table-contents table th:nth-of-type(4){width:350px;}
	main #schedule .table-contents table th:nth-of-type(5){width:110px;}
	main #schedule .table-contents table th:nth-of-type(6){width:110px;}
	main #schedule .table-contents table th:nth-of-type(7){width:120px;}
	main #schedule .table-contents table td{border-bottom: 1px solid #E7DCC6; font-size: 13px;letter-spacing: 0px;line-height: 18px; color: #5F5858;padding: 12px 3px;}
    main #schedule .table-contents table .month {text-align: center; font-size: 13px; padding: 12px 0;}
    main #schedule .table-contents table .recess{text-align: center;}
    main #schedule .table-contents table .theme{ }
	main #schedule .table-contents table td a{color:#fa6474; }
	main #schedule .table-contents table td a:hover{color: #ccddcb;}
	
    /*  メンバー  */    
    main #member {margin: 0 auto;padding: 30px 0; background-color: #FFECDC;}		
	main #member h5{width:80%;margin: 0 auto 0px auto;padding:0px 0px;font-size:18px;letter-spacing:0px;font-weight: normal;color:#FA8A80;text-align: center;}
	main #member h5 span{display:block;font-size: 13px}
	main #member ul{/*float: right;*/list-style: none; width:80%; padding: 0; margin: 0 auto;}
	main #member ul li{position:relative; padding:12px 0 14px 0; margin: 0;color:#696655;font-size: 14px;border-bottom: #E7DCC6 solid 1px;}	
	main #member ul li:last-of-type{border-bottom: none;}
	main #member ul li span{display: block;color: #FA8474;font-size: 13px;}
}