@charset "UTF-8"; /* CSS Document */ @media (min-width:1051px) { header #header_wrap #logo_head_index{display: none} header #header_wrap #logo_head_2nd{display: none} main{padding: 0 0 0px 0} main #title{position: relative; height:180px; margin: 0 auto 80px auto;padding:0px 0 0px 0;} main #title #movie{ position:absolute;top:0px;right: 0; display: block; width:100%; height: 100%;} main #title #movie video{ display: block; width: 100%;height:100%;margin: 0 auto;padding: 0;object-fit: cover;opacity: 1} main #title #movie::after{content: '';position:absolute;top:0px;right: 0;width: 100%;height: 100%;background: rgba(255,251,242,0.6)} main #title h2{ position:absolute;top:80px;left: 0;width: 100%; margin:0 auto 0px auto;padding: 0;font-size: 28px;letter-spacing: 2px;/*font-weight: normal;*/color:#FA6474;text-align: center} main .section01{width: 1000px; margin:0 auto 80px auto;} main h3{position: relative; margin:0 auto 30px auto;padding:30px 0 0 0;font-size: 20px;letter-spacing: 2px;/*font-weight: normal;*/color:#92806C;} main h3::before{content: '';position:absolute;top:0px;left: 0;width: 80px;height: 1px;background:#92806C} main h4{} main .text01{ margin:0 auto 0px auto;padding: 0;font-size: 14px;letter-spacing: 2px;line-height: 28px;color:#3F3830;} /*特別招待講演*/ #special .latest{width: 100%;margin:30px auto 20px auto;padding: 0;border-collapse: collapse;border-bottom: 1px solid #b5b5b6} #special .latest thead{} #special .latest thead th{padding: 14px 0;background:#fffbf3;color: #92806C; font-size: 13px;letter-spacing: 1px; border-top: 1px solid #b5b5b6; border-bottom: 1px solid #b5b5b6;} #special .latest thead th:nth-of-type(1){width:15%;} #special .latest thead th:nth-of-type(2){width:10%;} #special .latest thead th:nth-of-type(3){width:15%;} #special .latest thead th:nth-of-type(4){width:40%;} #special .latest tbody{font-size: 13px;letter-spacing: 1px;border-bottom: 1px solid #b5b5b6;} #special .latest tbody th{padding: 10px 0;color: #fa6474;text-align:center;font-weight: normal} #special .latest tbody td{padding: 10px 0;color: #5F5858;} #special .latest tbody td:nth-of-type(2){text-align:center;} #special .latest tbody td a{display: block;width: 60%;margin: 5px auto 15px 0;padding: 3px 0px;text-decoration:none;background: #fa6474;color: white;text-align: center;border-radius: 20px;font-size: 12px;letter-spacing: 0px} #special .latest tbody td a:hover{background:#b6ba58;} #special .invited { color: #fa6474; font-size: 13px; font-size: 15px; margin: 0 auto 3px auto; } #special .invited_photo { /*display: flex;*/ max-width: 100%; width: 100%; margin: 0 auto 10px auto; font-size: 0 } #special .invited_photo figure { display:inline-block;width:192px; margin: 0 10px 10px 0px;vertical-align: top; } #special .invited_photo figure.irregular{ display:inline-block;width:530px; margin: 0 10px 10px 0px; vertical-align:top; } #special .invited_photo figure:nth-of-type(5n){ margin: 0 0px 10px 0px; } #special .invited_photo figure img { width: 100%; } #special .invited_photo figure.irregular img{ width:100%; height: 192px;object-fit: cover;object-position: center} #special .invited_photo figure figcaption { color: #5F5858; font-size: 12px; text-align: center; margin: 5px 0px 0px 0; } #special .archive{margin:30px auto 0 auto;padding: 0;list-style: none} #special .archive li{float: left; width: 19%; margin:0 1% 10px 0;padding: 0;} #special .archive li a{display: block; width: 100%;padding: 16px 0px;text-decoration:none;text-align: center;color: white; font-size: 14px;letter-spacing: 1px;background:#5F5858; transition: .4s;} #special .archive li a:hover{background:#b6ba58} #special .application{display: block;width: 50%;margin:30px auto 0 auto;padding: 20px 0px;background:#fa6474;color: white;text-align: center;font-size: 16px;letter-spacing:0px;text-decoration: none;border-radius: 5px; transition: .4s;} #special .application .fa-arrow-right{margin-left:10px;} #special .application:hover{background:#b6ba58} /*開催スケジュール*/ #schedule .archive{margin:30px auto 0 auto;padding: 0;list-style: none} #schedule .archive li{float: left; width: 19%; margin:0 1% 10px 0;padding: 0;} #schedule .archive li a{display: block; width: 100%;padding: 16px 0px;text-decoration:none;text-align: center;color: white; font-size: 14px;letter-spacing: 1px;background:#92806C; } #schedule .archive li a:hover{background:#b6ba58} #schedule .archive_renewal{margin:0px auto 10px auto;} #schedule .archive_renewal a{display: block; width: 100%;height:50px; padding: 30px 0 0 0px;text-decoration:none;text-align: center;color: white; font-size: 16px;letter-spacing: 1px;background:#92806C; } #schedule .archive_renewal a:hover{background:#b6ba58} #schedule .archive_02-22{} #schedule .archive_02-22 a{display: block; width: 100%;height: 60px;padding: 20px 0 0 0px;text-decoration:none;text-align: center;color: white; font-size: 16px;letter-spacing: 1px;background:#92806C; } #schedule .archive_02-22 a span{display:block; font-size: 14px;} #schedule .archive_02-22 a:hover{background:#b6ba58} /*============取扱分野============*/ #topics #topics_tab{width:100%; margin:30px auto 50px auto;padding: 0;} #topics #topics_tab .tab_container{ width:100%;margin:0 auto 0px auto;padding:0px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;} #topics #topics_tab .tab_container .tab {width:100%;margin:0 auto 0px auto;padding:0px; list-style: none;text-align: center;display: flex; justify-content: space-between;} #topics #topics_tab .tab_container .tab li {padding:0px;background: #F2EEE9;width:49%} #topics #topics_tab .tab_container .tab li.current { } #topics #topics_tab .tab_container .tab li a {display:block;margin:0;padding:16px 0px;color: #BDAD9E;font-size:16px;letter-spacing: 2px;text-decoration: none; text-align: center;} #topics #topics_tab .tab_container .tab li.current a {background: #FA8A80; color: white;} #topics #topics_tab .topics_contents { clear: both; display: none;} #topics #topics_tab .topics_contents.current{ display: block;width:100%;margin:0 auto; padding:30px 0px;border-top: 2px solid #FA8A80;} #topics #topics_tab .topics_contents .field{width: 95%;margin:30px auto 0 auto;padding: 0;border-collapse: collapse;border-top:1px solid #b5b5b6;} #topics #topics_tab .topics_contents .field thead{border-bottom:1px solid #e0ddc8;} #topics #topics_tab .topics_contents .field thead th{padding: 16px 0;background:#fffbf2;color:#FA8474; font-size: 14px;letter-spacing: 1px;/*font-weight: normal*/} #topics #topics_tab .topics_contents .field thead th:first-of-type{border-right:1px dotted #b5b5b6;} #topics #topics_tab .topics_contents .field tbody tr{border-bottom:1px solid #e0ddc8;} #topics #topics_tab .topics_contents .field tbody th{padding: 14px 0 14px 0px;color: #5F5858; font-size: 14px;letter-spacing: 1px;text-align: left;border-right:1px dotted #b5b5b6;/*font-weight: normal*/} #topics #topics_tab .topics_contents .field tbody td{padding: 14px 0px 14px 14px;width: 68%;color: #5F5858; font-size: 14px;letter-spacing: 1px;} #topics #topics_tab .topics_contents .remote_island{width: 100%;margin:30px auto 30px auto;padding: 0;border-collapse: collapse;} #topics #topics_tab .topics_contents .remote_island tr:first-of-type th{border-top:1px solid #FA8A80;} #topics #topics_tab .topics_contents .remote_island tr:first-of-type td{border-top:1px solid #b5b5b6;} #topics #topics_tab .topics_contents .remote_island th{width:25%; padding: 16px 0;color: #FA8A80; font-size: 14px;letter-spacing:0px;text-align: left;/*font-weight: normal;*/border-bottom:1px solid #FA8A80;} #topics #topics_tab .topics_contents .remote_island td{padding: 16px 0 16px 0px;color: #5F5858; font-size: 14px;letter-spacing: 1px;line-height: 20px;border-bottom:1px solid #b5b5b6;} #topics #topics_tab .topics_contents .remote_island td a{display: block;width: 100px;margin: 5px 0 0 0; padding: 3px 8px;background:#fa6474;color: white;text-align: center;font-size: 12px;letter-spacing:0px;text-decoration: none;border-radius: 5px;} #topics #topics_tab .topics_contents .remote_island td a:hover{background:#b6ba58;} #topics #topics_tab .topics_contents .memo{text-align:center;padding: 0;margin: 0 auto 30px auto;font-size: 14px;letter-spacing: 1px;color: #3F3830;} #topics #topics_tab .topics_contents .photo-memo {text-align:center;padding: 0;margin: 0 auto 0px auto;font-size: 12px;letter-spacing: 1px;color: #FA8474;} #topics #topics_tab .topics_contents .photo { display: flex; padding: 0;margin: 0 auto 0px auto; } #topics #topics_tab .topics_contents .photo li { width: calc((100% - 25px) / 6); margin-right: 5px; list-style: none; } #topics #topics_tab .topics_contents .photo li:last-child { margin-right: 0; } #topics #topics_tab .topics_contents .photo li img { width: 100%; } /*専門委員*/ #committee h3{width: 100%; margin: 0 auto 20px auto;padding: 0;font-size: 18px;letter-spacing: 1px;line-height: 28px;color: #92806C;text-align: center;} #committee h3 span{display:block;font-size: 16px;} #committee h3::before{display:none;} #committee table{width: 100%;margin:0px auto 0 auto;padding: 0;border-collapse: collapse} #committee table th{width:10%; padding: 20px 0 4px 0;font-size: 14px;letter-spacing: 0px;color: #fa6474;border-bottom: 1px solid #fa6474;vertical-align: top;font-weight: normal} #committee table tr:last-of-type th{border-bottom: none} #committee table td{width:90%; padding: 20px 0 4px 0;border-bottom: 1px solid #e0dddf;vertical-align: bottom;vertical-align: top;font-size: 0} #committee table tr:last-of-type td{border-bottom: none} #committee table td span{display: inline-block;width: 32%; margin: 0 2% 16px 0;padding: 0;font-size: 14px;letter-spacing: 1px;color: #3F3830;vertical-align: top} #committee table td span:nth-of-type(3n){ margin: 0 0 16px 0} /*表彰*/ #prize .section01 #awards{width:100%; margin:30px auto 50px auto;padding: 0;} #prize .section01 #awards .tab_container{ width:100%;margin:0 auto 0px auto;padding:0px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;} #prize .section01 #awards .tab_container .tab {width:100%;margin:0 auto 0px auto;padding:0px; list-style: none;text-align: center;display: flex; justify-content: space-between;} #prize .section01 #awards .tab_container .tab li {padding:0px;background:#F2EEE9;width: 33%} #prize .section01 #awards .tab_container .tab li.current { } #prize .section01 #awards .tab_container .tab li a {display:block;margin:0;padding:16px 0px;color: #BDAD9E;font-size: 14px;letter-spacing: 1px;text-decoration: none; text-align: center;} #prize .section01 #awards .tab_container .tab li.current a {background: #FA8A80; color: white;} #prize .section01 #awards .awards_contents { clear: both; display: none;} #prize .section01 #awards .awards_contents.current{ display: block;width:100%;margin:0 auto; padding:10px 0 0 0;border-top: 2px solid #FA8A80;border-bottom:1px solid #FA8A80;} #prize .section01 #awards .awards_contents.current dl{display: flex; flex-wrap: wrap; margin: 0; padding: 0;} #prize .section01 #awards .awards_contents.current dl dt{font-size: 14px; font-weight: bold; color:#FA8474; width: 20%; border-bottom: solid 1px; margin:0 ; padding: 20px 0;} #prize .section01 #awards .awards_contents.current dl dt:last-of-type{ border-bottom: none} #prize .section01 #awards .awards_contents.current dl dd{margin:0; width: 80%; border-bottom: solid 1px lightgray; color: #5F5858; font-size: 14px; padding: 20px 0;} #prize .section01 #awards .awards_contents.current dl dd:last-of-type{ border-bottom: none} #prize .section01 #winner .winner_contents .winners_photo { display: flex; max-width: 100%; width: 100%; } #prize .section01 #winner .winner_contents .winners_photo figure { margin: 0 0 10px 10px; flex-grow: 1; } #prize .section01 #winner .winner_contents .winners_photo figure img { width: 100%; } #prize .section01 #winner .winner_contents .winners_photo figure figcaption { color: #5F5858; font-size: 12px; text-align: center; } #prize .section01 #regulations{width: 900px;background-color: #faf6e2; margin: 0px auto ; padding:40px 0 30px 0;text-align: center;} #prize .section01 #regulations .Sentence{font-size: 16px; font-weight: bold; color: #92806C; padding: 0px 0; margin: 0 auto 10px auto;} #prize .section01 #regulations a{text-decoration: none; color: #FFF; font-size: 15px; width: 500px; margin:0 auto 20px auto;background-color:#fa6474; padding:20px 0; display: block;border-radius: 5px} #prize .section01 #regulations a .fa-arrow-right{margin-left: 12px;} #prize .section01 #regulations a:hover{background:#767236;} #prize .section01 #regulations .detail{width:90%;font-size: 11px; color: #3F3830; margin: 0px auto; letter-spacing:1px; text-align: left;} #prize .section01 #winner_archive{ width: 50%; margin:0 auto 30px auto;padding: 12px 0; /*background-color:#fa6474;*/ font-size: 15px; text-decoration: none; color: #fa6474; display: block; letter-spacing: 1px;text-align: center;border: #fa6474 solid 1px;border-radius: 5px} #prize .section01 #winner_archive:hover{background: #fa6474; color: #fff;} #prize .section01 #winner_archive .fa-arrow-right{margin-left: 10px;} #prize .section01 #winner{width:100%; margin:30px auto 50px auto;padding: 0;} #prize .section01 #winner .tab_container{ width:100%;margin:0 auto 0px auto;padding:0px; border-bottom: 2px solid #FA8A80;overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;} #prize .section01 #winner .tab_container .tab {width:100%;margin:0 auto 0px auto;padding:0px; list-style: none;text-align: center;display: flex; justify-content: space-between;/* position: relative;*/} #prize .section01 #winner .tab_container .tab li {padding:0px;background: #F2EEE9;;width: 33%} #prize .section01 #winner .tab_container .tab li.current { } #prize .section01 #winner .tab_container .tab li a {display:block;margin:0;padding:16px 0px;color: #BDAD9E;font-size: 14px;letter-spacing: 1px;text-decoration: none; text-align: center;} #prize .section01 #winner .tab_container .tab li.current a {background: #FA8A80; color: white;} #prize .section01 #winner .winner_contents { clear: both; display: none;} #prize .section01 #winner .winner_contents.current{ display: block;width:95%;margin:0 auto; padding:20px 0px;} #prize .section01 #winner .winner_contents.current h5{margin: 30px auto 20px auto;padding: 12px 0;color:white; font-size: 16px;letter-spacing: 2px; text-align: center;border:1px solid ;background: #92806C; border-radius: 5px;font-weight: normal} #prize .section01 #winner .winner_contents.current .text{margin: 0px auto 10px auto;padding: 0;color: #92806C; font-size: 14px;letter-spacing: 1px; } #prize .section01 #winner .winner_contents.current dl{display: flex; flex-wrap: wrap; margin: 0px auto;} #prize .section01 #winner .winner_contents.current dl dt{width: 20%; border-bottom: solid 1px #FA8474;padding: 20px 0 0 0;} #prize .section01 #winner .winner_contents.current dl dt:last-of-type{ border-bottom: none} #prize .section01 #winner .winner_contents.current dl dt a{letter-spacing: 1px; background-color: #FA8474; font-size: 14px; color: #fff; text-align: center; margin:0 20px 0 0; text-decoration: none; display: block; padding: 6px 0;border-radius: 5px} #prize .section01 #winner .winner_contents.current dl dt a:hover{background-color:#767236;} #prize .section01 #winner .winner_contents.current dl dt a .fa-link{margin-left: 10px;} #prize .section01 #winner .winner_contents.current dl dd{width: 80%; border-bottom: solid 1px #e0dddf; margin: 0;padding: 20px 0 20px 0} #prize .section01 #winner .winner_contents.current dl dd:last-of-type{ border-bottom: none} #prize .section01 #winner .winner_contents.current dl dd .jpn{display: block; color:#FA8474; font-size: 14px;} #prize .section01 #winner .winner_contents.current dl dd .eng{display: block; color: #666; font-size: 13px;} #prize .section01 #winner .winner_contents.current .irregular_jpn .title{display: block; color:#FA8474; font-size: 14px;} #prize .section01 #winner .winner_contents.current .irregular_jpn .name{display: block; color:#FA8474; font-size: 14px;} #prize .section01 #winner .winner_contents.current .irregular_eng .title{display: block; color: #666; font-size: 13px;} #prize .section01 #winner .winner_contents.current .irregular_eng .name{display: block; color: #666; font-size: 13px;} #prize .section01 #reiwa3 .picture{width: 80%; margin: 0 auto; text-align: center; font-size: 0;} #prize .section01 #reiwa3 .img_1{width: 40%; } #prize .section01 #reiwa2 .picture{width: 80%; margin: 0 auto; text-align: center; font-size: 0;} #prize .section01 #reiwa2 .picture .img_2{width: 50%;} #prize .section01 #reiwa2 .picture .img_3{width: 33%; display: inline-block; margin: 5px 0; } /*============参加申し込み============*/ #apply a { text-decoration: none; } #apply ul { padding-left: 40px; } #apply li { list-style: square; margin: 0; padding: 0 0 0 8px; font-size: 14px; letter-spacing: 2px; line-height: 28px; color: #3a5155; } /* ---- 発表申込み方法 ---- */ #apply .entry-btn { display: block; width: 35%; border-radius: 5px; color: #fff; background: #FA6474; padding: 20px 0; margin: 20px auto; text-align: center; letter-spacing: 2px; transition: all .3s; } #apply .entry-btn:hover { background: #b6ba58; } #apply .entry-btn .fa-arrow-right { margin-left:10px; } #apply section .contact-area { width: 80%; margin: 50px auto; padding: 0 0 35px; background-color: #fff; border: 3px solid #b6ba58; border-radius: 7px; } #apply section .contact-area .area-title { font-size: 20px; padding: 18px 0; text-align: center; background: #b6ba58; color: #fff; } #apply section .contact-area .area-title .sub { font-size: 14px; display: block; margin-top: 2px; } #apply section .contact-area .content { display: flex; justify-content: center; padding: 30px 0; } #apply section .contact-area .content > p { margin: 0; padding-top: 10px; font-size: 16px; } #apply section .contact-area .content span { font-size: 12px; padding-right: 20px; } #apply section .contact-area .content .address img { width: 250px; margin-left: 30px; } #apply section .contact-area .content .address p { margin: 0; font-size: 12px; margin-left: 40px; line-height: 10px; } #apply section .contact-area .attention-text { font-size: 12px; color: red; text-align: center; line-height: 12px; } /*---- 原稿の締切日について ----*/ #apply .deadline span{ color: red; } #apply .deadline .reference { display: block; width: 30%; padding: 15px 30px; background: #FA6474; color: #fff; font-size: 14px; letter-spacing: 2px; text-align: center; border-radius: 5px; margin: 20px auto 0; transition: all .3s; } #apply .deadline .reference:hover { background: #b6ba58; } #apply .deadline .fa-chevron-right { margin: 0 7px; } /*------ 研究報告 ------*/ #apply .link_text { color: #fa6474; } #apply .link_text:hover { color: lightgray; } /*------ 参加申込み　最後の部分（お知らせ）-------*/ #apply section.wrap { border-top: 1px solid #5b958d; } #apply section .notice { width: 80%; margin: 0 auto; padding: 50px 0; } #apply section .notice .society-btn { display: inline-block; padding: 15px 30px; width: 30%; font-size: 14px; text-align: center; border-radius: 5px; background: #dbdbdb; color: #3a5155; margin: 20px 0 40px 10px; transition: all .3s;} #apply section .notice .society-btn:hover { background: #6F6F6F; color: #fff; } #apply section .notice p { position: relative; } #apply section .notice p::before { content: ""; position: absolute; top: 30%; left: -30px; border: 6px solid transparent; border-left: 10px solid #5b958d; } #apply section .notice p:nth-of-type(2)::before { transform: translateY(-85%); } #apply .lecture_type{width:95%;margin: 20px auto 0 auto} #apply .lecture_type h4{position: relative;margin: 0 auto 5px auto;padding:0 0 0 20px;font-size: 16px;letter-spacing: 0px;color:#0e1a2d;font-weight: 800; } #apply .lecture_type h4::before{ content: "■"; position: absolute; top: 0%; left:0;} #apply .lecture_type h4 span{font-size:14px;margin-left: 5px} #apply .lecture_type .inner{} #apply .lecture_type .inner table{border-collapse: collapse;width: 100%;margin: 0 auto;border-bottom: 1px solid #b3b3b3;} #apply .lecture_type .inner table thead{} #apply .lecture_type .inner table thead tr{border-top:1px solid #b3b3b3;} #apply .lecture_type .inner table thead th:nth-child(1){width: 16%;} #apply .lecture_type .inner table thead th:nth-child(2){width: 28%} #apply .lecture_type .inner table thead th:nth-child(3){width: 28%} #apply .lecture_type .inner table thead th:nth-child(4){width: 28%;border-right:none} #apply .lecture_type .inner table thead th{font-size:14px;letter-spacing: 0px;background:#DAF6FF;color: #303030;padding:10px 0 8px 0;border-right:1px solid #cccccc;} #apply .lecture_type .inner table.young thead th{background:#ffd7b1;} #apply .lecture_type .inner table tbody{} #apply .lecture_type .inner table tbody tr{border-top:1px solid #bdced6;} #apply .lecture_type .inner table tbody tr th{padding:8px 0 5px 0;background:#EFFCFF;color: #303030;font-size:13px;letter-spacing:0px;border-right:1px solid #cccccc;} #apply .lecture_type .inner table.young tbody tr th{background:#fffaf3;} #apply .lecture_type .inner table tbody tr td{padding:8px 10px 5px 10px;font-size:12px;letter-spacing: 1px;border-right:1px solid #bdced6;} #apply .lecture_type .inner table tbody tr td:last-of-type{border-right:none} #apply .lecture_type .inner table tbody tr td span{font-size:11px;margin-left: 5px} #apply .note{width:90%;margin:40px auto 0 auto;} #apply .note ul{margin:0px auto 0 auto;padding: 0;} #apply .note ul li{margin:0px auto 10px auto;padding: 0;list-style: none;text-indent: -22px;font-size:13px;letter-spacing:1px;line-height: 20px} #apply .note ul li a{color:#FA6474;text-decoration: underline} #apply .note ul li a:hover{color: #92806C;} /*============写真集============*/ #photo #fifty_special{font-size:0;} #photo #fifty_special a{display: inline-block;width: 48%;margin: 0 2% 0 0;padding: 20px 0;text-align: center;text-decoration: none;background: #FA6474;color: white;font-size: 16px;letter-spacing: 2px;border-radius: 5px} #photo #fifty_special a:last-of-type{margin: 0 0 0 2%;} #photo #fifty_special a .fa-arrow-right{margin-left:10px;} #photo #fifty_special a:hover{background:#b6ba58} #photo #before2022{display:block;width: 40%;margin: 0 auto 0px auto;padding:16px 0;text-align: center;text-decoration: none;border:1px solid #FA6474;color:#FA6474;font-size: 14px;letter-spacing: 2px;border-radius: 5px} #photo #before2022 .fa-arrow-right{margin-left:10px;} #photo #before2022:hover{border:1px solid #b6ba58;background: #b6ba58;color: white} #photo section .comment { text-align: center; margin:30px auto 20px auto; color: #92806C; font-weight: bold; font-size: 13px; } #photo h4 { margin: 50px 0 20px 30px; color: #00a5ba; position: relative; line-height: 2; } #photo h4::before { content: ""; width: 3px; height: 35px; background: #d6fbff; position: absolute; top: 0; left: -30px; } #photo h4::after { content: ""; width: 3px; height: 17px; background: #05c9e3; position: absolute; top: 0; left: -30px; } #photo #photo_tab{width:100%; margin:5px auto 50px auto;padding: 0;} #photo #photo_tab .tab_container{ width:100%;margin:0 auto 0px auto;padding:0px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;} #photo #photo_tab .tab_container .tab {width:100%;margin:0 auto 0px auto;padding:0px; list-style: none;text-align: center;display: flex; justify-content: space-between;} #photo #photo_tab .tab_container .tab li {padding:0px;background: #F2EEE9;width:49%} #photo #photo_tab .tab_container .tab li:not(:last-child) { margin-right: 5px; } #photo #photo_tab .tab_container .tab li.current { } #photo #photo_tab .tab_container .tab li a {display:block;margin:0;padding:16px 0px;color:#BDAD9E;font-size:16px;letter-spacing: 2px;text-decoration: none; text-align: center;} #photo #photo_tab .tab_container .tab li.current a {background: #FA8A80; color:white;} #photo #photo_tab .photo_contents { clear: both; display: none;} #photo #photo_tab .photo_contents.current{ display: block; width:100%;margin:0 auto; padding: 20px 0; border-top: 2px solid #FA8A80;} #photo #photo_tab .photo_contents .img { display: flex; flex-wrap: wrap; list-style: none; padding-left: 0; } #photo #photo_tab .photo_contents .img li { width: calc((100% - 20px) / 5); margin-right: 5px; } #photo #photo_tab .photo_contents .img li img { width: 100%; height: 190px; object-fit: cover; } #photo #photo_tab .photo_contents .img li:nth-child(5n) { margin-right: 0; } /*============ リンク　============*/ #link a { text-decoration: none; color: #3a5155; } #link .content { display: flex; justify-content: space-around; margin-bottom: 50px; } #link .link-area { width: calc((100% - 30px) / 3); color: #3a5155; text-align: center; font-size: 14px; margin-right: 15px; } #link .link-area a {/* display: inline-block;*/ width: 100%; height: 100px; padding: 8px 0; border-radius: 10px; transition: all .4s; display: flex; flex-direction: column; justify-content: center; } #link .link-area span { display: block; font-size: 13px; line-height: 1.5; } #link .area-1 { background: #fff7e8; border: 1px solid #ffe1a6; letter-spacing: 1.3px; } #link .area-1:hover { background: #ffe1a6; } #link .area-2 { background: #f1f8f8; border: 1px solid #b9eded; } #link .area-2:hover { background: #b9eded; } #link .area-3 { background: #fcf2f2; border: 1px solid #ffcccc; margin-right: 0; } #link .area-3:hover { background: #ffcccc; } #link .area-3 span { width: 170px; height: 50px; background: #fff; margin: 0 auto 5px; display: flex; align-items: center; } #link .logo-ieice, .logo-cs, .logo-csws { display: block; margin: 0 auto; } #link .logo-ieice { width: 50px; margin-top: 7px; margin-bottom: 6px; } #link .logo-cs { width: 35px; margin-bottom: 5px; } #link .link_text { color: #fa6474; margin-right: 20px; } #link .link_text:hover { color: lightgray; } /*DB*/ #db .section01 .latest_data{text-align: center; } #db .section01 .latest_data a{width: 50%;margin: 0 auto;font-size: 16px; text-decoration: none; color: #fff; display: block;background-color:#FA6474; padding: 16px 0; border-radius: 5px;} #db .section01 .latest_data a:hover{background: #b6ba58;} #db .section01 .latest_data a .fa-arrow-right{margin-left: 12px;} #db .section01 .db{margin: 30px 0 0 0;} #db .section01 .db ul{list-style: none; margin: 0;padding: 0; display: flex; flex-wrap: wrap;} #db .section01 .db ul li{width:192px; margin: 0 10px 10px 0; text-align: center;} #db .section01 .db ul li:nth-child(5n){ margin: 0 0px 10px 0; } #db .section01 .db ul li a{text-decoration: none; color: #fff; display: block; background-color: #92806C; padding: 16px 0; font-size: 14px;letter-spacing: 1px} #db .section01 .db ul li a:hover{ background:#b6ba58;} } /*=========================================== タブレット ============================================ ===================================================================================================*/ @media screen and (min-width:701px) and ( max-width:1050px) { header #header_wrap #logo_head_2nd{position: absolute;top:30px;left:3%;width:160px;margin: 0;padding:0px 0 0 0;} header #header_wrap #logo_head_2nd a img{width:100%;} header #header_wrap #logo_head_2nd a:hover{opacity:0.3;} header #header_wrap #logo_head_index{display:none;} main{padding: 0 0 0px 0} main #title{position: relative; height:180px; margin: 0 auto 80px auto;padding:0px 0 0px 0;} main #title #movie{ position:absolute;top:0px;right: 0; display: block; width:100%; height: 100%;} main #title #movie video{ display: block; width: 100%;height:100%;margin: 0 auto;padding: 0;object-fit: cover;opacity: 1} main #title #movie::after{content: '';position:absolute;top:0px;right: 0;width: 100%;height: 100%;background: rgba(255,251,242,0.6)} main #title h2{ position:absolute;top:80px;left: 0;width: 100%; margin:0 auto 0px auto;padding: 0;font-size: 28px;letter-spacing: 2px;/*font-weight: normal;*/color:#fa6474;text-align: center} main .section01{width:80%; margin:0 auto 80px auto;} main h3{position: relative; margin:0 auto 30px auto;padding:30px 0 0 0;font-size: 20px;letter-spacing: 2px;/*font-weight: normal;*/color:#92806C;} main h3::before{content: '';position:absolute;top:0px;left: 0;width: 80px;height: 1px;background:#92806C;} main h4{} main .text01{ margin:0 auto 0px auto;padding: 0;font-size: 14px;letter-spacing: 2px;line-height: 28px;color:#3F3830;} /*==========特別招待講演============*/ #special .latest{width: 100%;margin:30px auto 20px auto;padding: 0;border-collapse: collapse;border-bottom: 1px solid #b5b5b6} #special .latest thead{} #special .latest thead th{padding: 14px 0;background:#fffbf3;color: #92806C; font-size: 13px;letter-spacing: 1px; border-top: 1px solid #b5b5b6; border-bottom: 1px solid #b5b5b6;} #special .latest thead th:nth-of-type(1){width:15%;} #special .latest thead th:nth-of-type(2){width:10%;} #special .latest thead th:nth-of-type(3){width:15%;} #special .latest thead th:nth-of-type(4){width:35%;} #special .latest tbody{font-size: 13px;letter-spacing: 1px;border-bottom: 1px solid #b5b5b6;} #special .latest tbody th{padding: 10px 5px;color: #fa6474;text-align:center;font-weight: normal} #special .latest tbody td{padding: 10px 5px;color: #5F5858;} #special .latest tbody td:nth-of-type(2){text-align:center;} #special .latest tbody td a{display: block;margin: 5px auto 15px 0;padding: 5px 10px;text-decoration:none;background: #fa6474;color: white;text-align: center;border-radius: 20px;font-size: 12px;letter-spacing: 0px;line-height: 14px} #special .latest tbody td a:hover{background:#b6ba58;} #special .invited { color: #fa6474; font-size: 13px; } #special .invited_photo { /*display: flex;*/ max-width: 100%; width: 100%; font-size: 0; } #special .invited_photo figure { margin: 0 5% 10px 0px; display: inline-block; width:30%; vertical-align: top; } #special .invited_photo figure.irregular{width:100%;} #special .invited_photo figure:nth-of-type(3n){ margin: 0 0% 10px 0px; } #special .invited_photo figure img { width: 100%; } #special .invited_photo figure figcaption { color: #5F5858; font-size: 12px; text-align: center; margin: 5px 0 0px 0px; } #special .archive{margin:15px auto 0 auto;padding: 0;list-style: none} #special .archive li{float: left; width: 24%; margin:0 1% 10px 0;padding: 0;} #special .archive li a{display: block; width: 100%;padding: 16px 0px;text-decoration:none;text-align: center;color: white; font-size: 14px;letter-spacing: 1px;background:#5F5858; transition: .4s;} #special .archive li a:hover{background:#b6ba58} #special .application{display: block;width: 60%;margin:30px auto 0 auto;padding: 20px 0px;background:#fa6474;color: white;text-align: center;font-size: 16px;letter-spacing:0px;text-decoration: none;border-radius: 5px; transition: .4s;} #special .application .fa-arrow-right{margin-left:10px;} #special .application:hover{background:#b6ba58} /*============開催スケジュール==========*/ #schedule .archive{margin:30px auto 0 auto;padding: 0;list-style: none} #schedule .archive li{float: left; width: 24%; margin:0 1% 10px 0;padding: 0;} #schedule .archive li a{display: block; width: 100%;padding: 16px 0px;text-decoration:none;text-align: center;color: white; font-size: 14px;letter-spacing: 1px;background:#92806C; transition: .4s;} #schedule .archive li a:hover{background:#b6ba58} #schedule .archive_renewal{margin:0px auto 10px auto;} #schedule .archive_renewal a{display: block; width: 100%;height:50px; padding: 30px 0 0 0px;text-decoration:none;text-align: center;color: white; font-size: 16px;letter-spacing: 1px;background:#92806C; } #schedule .archive_renewal a:hover{background:#b6ba58} #schedule .archive_02-22{} #schedule .archive_02-22 a{display: block; width: 100%;height: 60px;padding: 20px 0 0 0px;text-decoration:none;text-align: center;color: white; font-size: 16px;letter-spacing: 1px;background:#92806C; } #schedule .archive_02-22 a span{display:block; font-size: 14px;} #schedule .archive_02-22 a:hover{background:#b6ba58} /*==================取扱分野==================*/ #topics #topics_tab{width:100%; margin:0px auto 50px auto;padding: 0;} #topics #topics_tab .tab_container{ width:100%;margin:0 auto 0px auto;padding:0px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;} #topics #topics_tab .tab_container .tab {width:100%;margin:0 auto 0px auto;padding:0px; list-style: none;text-align: center;display: flex; justify-content: space-between;} #topics #topics_tab .tab_container .tab li {padding:0px;background: #F2EEE9;width:49%} #topics #topics_tab .tab_container .tab li.current { } #topics #topics_tab .tab_container .tab li a {display:flex; height: 35px; margin:0;padding:16px 0px;color: #BDAD9E;font-size:16px;letter-spacing: 2px;text-decoration: none; justify-content: center;align-items: center;} #topics #topics_tab .tab_container .tab li.current a {background: #FA8474; color: #fff;} #topics #topics_tab .topics_contents { clear: both; display: none;} #topics #topics_tab .topics_contents.current{ display: block;width:100%;margin:0 auto; padding:30px 0px;border-top: 2px solid #FA8474;} #topics #topics_tab .topics_contents .field{width: 95%;margin:30px auto 0 auto;padding: 0;border-collapse: collapse;border-top:1px solid #b5b5b6;} #topics #topics_tab .topics_contents .field thead{border-bottom:1px solid #e0ddc8;} #topics #topics_tab .topics_contents .field thead th{padding: 16px 0;background:#fffbf2;color:#FA8474; font-size: 14px;letter-spacing: 1px;/*font-weight: normal*/} #topics #topics_tab .topics_contents .field thead th:first-of-type{border-right:1px dotted #b5b5b6;} #topics #topics_tab .topics_contents .field tbody tr{border-bottom:1px solid #e0ddc8;} #topics #topics_tab .topics_contents .field tbody th{padding: 14px 0 14px 0px;color: #5F5858; font-size: 14px;letter-spacing: 1px;text-align: left;border-right:1px dotted #b5b5b6;/*font-weight: normal*/} #topics #topics_tab .topics_contents .field tbody td{padding: 14px 0px 14px 14px;width: 68%;color: #5F5858; font-size: 14px;letter-spacing: 1px;} #topics #topics_tab .topics_contents .remote_island{width: 100%;margin:30px auto 30px auto;padding: 0;border-collapse: collapse;} #topics #topics_tab .topics_contents .remote_island tr:first-of-type th{border-top:1px solid #FA8A80;} #topics #topics_tab .topics_contents .remote_island tr:first-of-type td{border-top:1px solid #b5b5b6;} #topics #topics_tab .topics_contents .remote_island th{width:35%; padding: 16px 0;color: #FA8A80; font-size: 13px;letter-spacing:0px;text-align: left;/*font-weight: normal;*/border-bottom:1px solid #FA8A80;} #topics #topics_tab .topics_contents .remote_island td{padding: 16px 0 16px 10px;color: #5F5858; font-size: 14px;letter-spacing: 1px;line-height: 20px;border-bottom:1px solid #b5b5b6;} #topics #topics_tab .topics_contents .remote_island td a{display: block;width: 100px; padding: 3px 8px; margin: 5px 0 0 0; background:#fa6474;color: white;text-align: center;font-size: 12px;letter-spacing:0px;text-decoration: none;border-radius: 5px;} #topics #topics_tab .topics_contents .remote_island td a:hover{background: #b6ba58;} #topics #topics_tab .topics_contents .memo{text-align:center;padding: 0;margin: 0 auto 30px auto;font-size: 14px;letter-spacing: 1px;color: #3F3830;} #topics #topics_tab .topics_contents .photo-memo {text-align:center;padding: 0;margin: 0 auto 0px auto;font-size: 12px;letter-spacing: 1px;color: #FA8474;} #topics #topics_tab .topics_contents .photo { display: flex; flex-wrap: wrap; padding: 0;margin: 0 auto 0px auto; } #topics #topics_tab .topics_contents .photo li { width: calc((100% - 10px) / 3); margin-right: 5px; list-style: none; } #topics #topics_tab .topics_contents .photo li:nth-child(3n) { margin-right: 0; } #topics #topics_tab .topics_contents .photo li img { width: 100%; } /*表彰*/ #prize .section01 #awards{width:100%; margin:30px auto 50px auto;padding: 0;} #prize .section01 #awards .tab_container{ width:100%;margin:0 auto 0px auto;padding:0px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;} #prize .section01 #awards .tab_container .tab {width:100%;margin:0 auto 0px auto;padding:0px; list-style: none;text-align: center;display: flex; justify-content: space-between;/* position: relative;*/} #prize .section01 #awards .tab_container .tab li {padding:0px;background: #F2EEE9;width: 33%} #prize .section01 #awards .tab_container .tab li.current { } #prize .section01 #awards .tab_container .tab li a {display:flex; height: 35px; margin:0;padding:16px 0px;color: #BDAD9E;font-size: 14px;letter-spacing: 1px;text-decoration: none; justify-content: center;align-items: center;} #prize .section01 #awards .tab_container .tab li.current a {background: #FA8A80; color: #fff;} #prize .section01 #awards .awards_contents { clear: both; display: none;} #prize .section01 #awards .awards_contents.current{ display: block;width:100%;margin:0 auto; padding:20px 0px;border-top: 2px solid #FA8A80;border-bottom:1px solid #FA8A80;} #prize .section01 #awards .awards_contents.current dl{display: flex; flex-wrap: wrap; margin: 0; padding: 0;} #prize .section01 #awards .awards_contents.current dl dt{font-size: 14px; font-weight: bold; color:#FA8A80; width: 20%; border-bottom: solid 1px #FA8A80; margin:0 ; padding: 20px 0;} #prize .section01 #awards .awards_contents.current dl dt:last-of-type{ border-bottom: none} #prize .section01 #awards .awards_contents.current dl dd{margin:0; width: 80%; border-bottom: solid 1px lightgray; color: #5F5858; font-size: 14px; padding: 20px 0;} #prize .section01 #awards .awards_contents.current dl dd:last-of-type{ border-bottom: none} #prize .section01 #regulations{width: 95%;background-color: #faf6e2; margin: 0px auto ; padding: 40px 0 30px;text-align: center;} #prize .section01 #regulations .Sentence{font-size: 16px; font-weight: bold; color: #92806C; padding: 0px 0 10px 0; margin: 0;} #prize .section01 #regulations a{text-decoration: none; color: #FFF; font-size: 15px; width: 75%; margin:0 auto;background-color: #fa6474; padding:20px 0; display: block; border-radius: 5px;} #prize .section01 #regulations a .fa-arrow-right{margin-left: 12px;} #prize .section01 #regulations a:hover{background: #767236;} #prize .section01 #regulations .detail{font-size: 10px; width: 90%; color: #3F3830; margin: 20px auto 0px; letter-spacing: 1px; text-align: left;} #prize .section01 #winner_archive{ width: 65%; margin:0 auto 30px auto;padding: 12px 0; /*background-color:#fa6474;*/ font-size: 14px; text-decoration: none; color: #fa6474; display: block; letter-spacing: 1px;text-align: center; border: #fa6474 solid 1px; border-radius: 5px;} #prize .section01 #winner_archive:hover{background: #fa6474; color: #fff;} #prize .section01 #winner_archive .fa-arrow-right{margin-left: 10px;} #prize .section01 #winner{width:100%; margin:30px auto 50px auto;padding: 0;} #prize .section01 #winner .tab_container{ width:100%;margin:0 auto 0px auto;padding:0px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;} #prize .section01 #winner .tab_container .tab {width:100%;margin:0 auto 0px auto;padding:0px; list-style: none;text-align: center;display: flex; justify-content: space-between;/* position: relative;*/} #prize .section01 #winner .tab_container .tab li {padding:0px;background: #F2EEE9;width: 33%} #prize .section01 #winner .tab_container .tab li.current { } #prize .section01 #winner .tab_container .tab li a {display:block;margin:0;padding:16px 0px;color: #BDAD9E;font-size: 14px;letter-spacing: 1px;text-decoration: none; text-align: center;} #prize .section01 #winner .tab_container .tab li.current a {background: #FA8A80; color: #fff;} #prize .section01 #winner .winner_contents { clear: both; display: none;} #prize .section01 #winner .winner_contents.current{ display: block;width:100%;margin:0 auto; padding:20px 0px;border-top: 2px solid #FA8A80;border-bottom:1px solid #FA8A80;} #prize .section01 #winner .winner_contents.current h5{margin: 30px auto 15px auto;padding: 12px;color:#fff; font-size: 14px;letter-spacing: 2px; font-weight: normal; text-align: center; background-color: #92806C; border-radius: 5px;} #prize .section01 #winner .winner_contents.current .text{margin: 0px auto 10px auto;padding: 0;color: #92806C; font-size: 14px;letter-spacing: 1px; } #prize .section01 #winner .winner_contents.current dl{display: flex; flex-wrap: wrap; margin: 0px auto;} #prize .section01 #winner .winner_contents.current dl dt{width: 30%; border-bottom: solid 1px #FA8A80;padding: 20px 0 0 0;} #prize .section01 #winner .winner_contents.current dl dt:last-of-type{ border-bottom: none} #prize .section01 #winner .winner_contents.current dl dt a{letter-spacing: 1px; background-color: #FA8A80; font-size: 14px; color: #fff; text-align: center; margin:0 20px 0 0; text-decoration: none; display: block; padding: 6px 0;border-radius: 5px} #prize .section01 #winner .winner_contents.current dl dt a:hover{background-color: #767236;} #prize .section01 #winner .winner_contents.current dl dt a .fa-link{margin-left: 10px;} #prize .section01 #winner .winner_contents.current dl dd{width: 70%; border-bottom: solid 1px #e0dddf; margin: 0;padding: 20px 0 20px 0} #prize .section01 #winner .winner_contents.current dl dd:last-of-type{ border-bottom: none} #prize .section01 #winner .winner_contents.current dl dd .jpn{display: block; color:#FA8A80; font-size: 14px;} #prize .section01 #winner .winner_contents.current dl dd .eng{display: block; color: #666; font-size: 12px;} #prize .section01 #winner .winner_contents.current .irregular_jpn .title{display: block; color:#FA8474; font-size: 14px;} #prize .section01 #winner .winner_contents.current .irregular_jpn .name{display: block; color:#FA8474; font-size: 14px;} #prize .section01 #winner .winner_contents.current .irregular_eng .title{display: block; color: #666; font-size: 13px;} #prize .section01 #winner .winner_contents.current .irregular_eng .name{display: block; color: #666; font-size: 13px;} #prize .section01 #winner .winner_contents .winners_photo { display: flex; max-width: 100%; width: 100%; /* justify-content: center;*/ } #prize .section01 #winner .winner_contents .winners_photo figure { margin: 0 0 10px 10px; flex-grow: 1; } #prize .section01 #winner .winner_contents .winners_photo figure img { width: 100%; } #prize .section01 #winner .winner_contents .winners_photo figure figcaption { color: #5F5858; font-size: 12px; text-align: center; } #prize .section01 #reiwa3 .picture{width: 80%; margin: 0 auto; text-align: center; font-size: 0;} #prize .section01 #reiwa3 .img_1{width: 45%; margin: 0 auto;} #prize .section01 #reiwa2 .picture {width: 80%; margin: 0 auto; font-size: 0;} #prize .section01 #reiwa2 .picture .img_2{width: 100%; margin: 2px 0;} #prize .section01 #reiwa2 .picture .img_3{width: 49%; display: inline-block;} /*=============== 参加・発表申込み方法 ==============*/ /* #apply a { text-decoration: none; }*/ #apply ul { padding-left: 30px; } #apply li { list-style: square; margin: 0; padding: 0 0 0 8px; font-size: 14px; letter-spacing: 2px; line-height: 28px; color: #3a5155; } /* ---- 発表申込み方法 ---- */ #apply .entry-btn { display: block; width: 50%; border-radius: 5px; color: #fff; background: #FA6474; padding: 20px 0; margin: 20px auto; text-align: center; letter-spacing: 2px; transition: all .3s; text-decoration: none; } #apply .entry-btn:hover { background: #b6ba58; } #apply .entry-btn .fa-arrow-right { margin-left:10px; } #apply section .contact-area { width: 85%; margin: 50px auto; padding: 0 0 10px; background-color: #fff; border: 3px solid #b6ba58; border-radius: 7px; } #apply section .contact-area .area-title { font-size: 18px; padding: 18px 0; text-align: center; background: #b6ba58; color: #fff; } #apply section .contact-area .area-title .sub { font-size: 13px; display: block; margin-top: 2px; } #apply section .contact-area .content { display: flex; justify-content: center; padding: 20px 30px 20px; } #apply section .contact-area .content > p { margin: 0; padding-top: 10px; font-size: 14px; } #apply section .contact-area .content span { font-size: 12px; padding-right: 18px; } #apply section .contact-area .content .address img { width: 230px; margin-top: 20px; } #apply section .contact-area .content .address p { margin: 0; font-size: 11px; margin-left: 40px; line-height: 10px; } #apply section .contact-area .attention-text { font-size: 14px; color: red; text-align: center; line-height: 12px; margin: 0 30px; } /*---- 原稿の締切日について ----*/ #apply .deadline span{ color: red; } #apply .deadline .reference {display: block; width: 45%; padding: 15px 30px; background: #FA6474; color: #fff; font-size: 14px; letter-spacing: 2px; text-align: center; border-radius: 5px; margin: 20px auto 0; transition: all .3s; text-decoration: none; } #apply .deadline .reference:hover { background: #b6ba58; } #apply .deadline .fa-chevron-right { margin: 0 7px; } /*------ 研究報告 ------*/ #apply .link_text { color: #fa6474; text-decoration: none; } #apply .link_text:hover { color: lightgray; } /*------ 参加申込み　最後の部分（お知らせ）-------*/ #apply section.wrap { border-top: 1px solid #5b958d; } #apply section .notice { width: 80%; margin: 0 auto; padding: 50px 0; } #apply section .notice .society-btn { display: inline-block;padding: 15px 30px; width: 35%;font-size: 14px; text-align: center; border-radius: 5px;background: #dbdbdb; color: #3a5155; margin: 20px 0 40px 10px; transition: all .3s; text-decoration: none; } #apply section .notice .society-btn:hover { background: #6F6F6F; color: #fff; } #apply section .notice p { position: relative; } #apply section .notice p::before { content: ""; position: absolute; top: 30%; left: -30px; border: 6px solid transparent; border-left: 10px solid #5b958d; } #apply section .notice p:nth-of-type(2)::before { transform: translateY(-130%); } #apply .lecture_type{width:100%;margin: 20px auto 0 auto} #apply .lecture_type h4{position: relative;margin: 0 auto 5px auto;padding:0 0 0 20px;font-size: 16px;letter-spacing:0px;color:#0e1a2d;font-weight: 800; } #apply .lecture_type h4::before{ content: "■"; position: absolute; top: 0%; left:0;} #apply .lecture_type h4 span{font-size:14px;margin-left: 5px} #apply .lecture_type .inner{} #apply .lecture_type .inner table{border-collapse: collapse;width: 100%;margin: 0 auto;border-bottom: 1px solid #b3b3b3;} #apply .lecture_type .inner table thead{} #apply .lecture_type .inner table thead tr{border-top:1px solid #b3b3b3;} #apply .lecture_type .inner table thead th:nth-child(1){width: 16%;} #apply .lecture_type .inner table thead th:nth-child(2){width: 28%} #apply .lecture_type .inner table thead th:nth-child(3){width: 28%} #apply .lecture_type .inner table thead th:nth-child(4){width: 28%;border-right:none} #apply .lecture_type .inner table thead th{font-size:14px;letter-spacing: 0px;background:#DAF6FF;color: #303030;padding:10px 0 8px 0;line-height: 18px;border-right:1px solid #cccccc;} #apply .lecture_type .inner table.young thead th{background:#ffd7b1;} #apply .lecture_type .inner table tbody{} #apply .lecture_type .inner table tbody tr{border-top:1px solid #bdced6;} #apply .lecture_type .inner table tbody tr th{padding:8px 0 5px 0;background:#EFFCFF;color: #303030;font-size:13px;letter-spacing:0px;line-height: 17px;border-right:1px solid #cccccc;} #apply .lecture_type .inner table.young tbody tr th{background:#fffaf3;} #apply .lecture_type .inner table tbody tr td{padding:8px 10px 5px 10px;font-size:12px;letter-spacing: 1px;border-right:1px solid #bdced6;} #apply .lecture_type .inner table tbody tr td:last-of-type{border-right:none} #apply .lecture_type .inner table tbody tr td span{font-size:11px;margin-left: 5px} #apply .note{width:98%;margin:40px auto 0 auto;} #apply .note ul{margin:0px auto 0 auto;padding: 0;} #apply .note ul li{margin:0px auto 12px auto;padding: 0;list-style: none;text-indent: -26px;font-size:13px;letter-spacing:1px;line-height: 18px} #apply .note ul li a{color:#FA6474;text-decoration: underline} #apply .note ul li a:hover{color: #92806C;} /*=========== 写真集 =============*/ #photo #fifty_special{font-size:0;} #photo #fifty_special a{display: inline-block;width: 48%;margin: 0 2% 0 0;padding: 20px 0;text-align: center;text-decoration: none;background: #FA6474;color: white;font-size: 15px;letter-spacing: 2px;border-radius: 5px} #photo #fifty_special a:last-of-type{margin: 0 0 0 2%;} #photo #fifty_special a .fa-arrow-right{margin-left:10px;} #photo #fifty_special a:hover{background:#b6ba58} #photo #before2022{display:block;width: 40%;margin: 0 auto 30px auto;padding:16px 0;text-align: center;text-decoration: none;border:1px solid #FA6474;color:#FA6474;font-size: 14px;letter-spacing: 2px;border-radius: 5px} #photo #before2022 .fa-arrow-right{margin-left:10px;} #photo #before2022:hover{border:1px solid #b6ba58;background: #b6ba58;color: white} #photo section .comment { text-align: center; margin-top: 30px; color: #92806C; font-weight: bold; font-size: 13px; } #photo h4 { margin: 40px 0 20px 30px; color: #00a5ba; position: relative; line-height: 2; } #photo h4::before { content: ""; width: 3px; height: 35px; background: #d6fbff; position: absolute; top: 0; left: -30px; } #photo h4::after { content: ""; width: 3px; height: 17px; background: #05c9e3; position: absolute; top: 0; left: -30px; } #photo #photo_tab{width:100%; margin:5px auto 50px auto;padding: 0;} #photo #photo_tab .tab_container{ width:100%;margin:0 auto 0px auto;padding:0px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;} #photo #photo_tab .tab_container .tab {width:100%;margin:0 auto 0px auto;padding:0px; list-style: none;text-align: center;display: flex; justify-content: space-between;} #photo #photo_tab .tab_container .tab li {padding:0px;background: #F2EEE9;width:49%; } #photo #photo_tab .tab_container .tab li:not(:last-child) { margin-right: 5px; } #photo #photo_tab .tab_container .tab li.current { } #photo #photo_tab .tab_container .tab li a {display:block;margin:0;padding:16px 0px;color: #BDAD9E;font-size:16px;letter-spacing: 2px;text-decoration: none; text-align: center;} #photo #photo_tab .tab_container .tab li.current a {background: #FA8A80; color: #fff;} #photo #photo_tab .photo_contents { clear: both; display: none;} #photo #photo_tab .photo_contents.current{ display: block; width:100%;margin:0 auto; padding: 20px 0; border-top: 2px solid #FA8A80;} #photo #photo_tab .photo_contents .img { display: flex; flex-wrap: wrap; list-style: none; padding-left: 0; } #photo #photo_tab .photo_contents .img li { width: calc((100% - 15px) / 4); margin-right: 5px; } #photo #photo_tab .photo_contents .img li img { width: 100%; height: 180px; object-fit: cover; } #photo #photo_tab .photo_contents .img li:nth-child(4n) { margin-right: 0; } /*============専門委員============*/ #committee h3{width: 100%; margin: 0 auto 20px auto;padding: 0;font-size: 18px;letter-spacing: 1px;line-height: 28px;color: #92806C;text-align: center;} #committee h3 span{display:block;font-size: 16px;} #committee h3::before{display:none;} #committee table{width: 100%;margin:0px auto 0 auto;padding: 0;border-collapse: collapse} #committee table th{width:15%; padding: 20px 0 4px 0;font-size: 14px;letter-spacing: 0px;color: #fa6474;border-bottom: 1px solid #fa6474;vertical-align: top;font-weight: normal} #committee table tr:last-of-type th{border-bottom: none} #committee table td{width:85%; padding: 20px 0 4px 0;border-bottom: 1px solid #e0dddf;font-size: 0} #committee table tr:last-of-type td{border-bottom: none} #committee table td span{display: inline-block;width: 48%; margin: 0 2% 16px 0;padding: 0;font-size: 14px;letter-spacing: 1px;color: #3F3830;vertical-align: top} #committee table td span:nth-of-type(2n){ margin: 0 0 16px 2%} /*===========　リンク　===========*/ #link a, #link a:visited { color: inherit; text-decoration: none; } #link .content { display: flex; justify-content: space-around; margin-bottom: 50px; } #link .link-area { width: calc((100% - 10px) / 3); color: #3a5155; text-align: center; font-size: 13px; margin-right: 7px; } #link .link-area a { height: 100px; padding: 8px 10px; border-radius: 10px; transition: .4s; display: flex; flex-direction: column; justify-content: center; } #link .link-area span { display: block; font-size: 12px; line-height: 1.5; } #link .area-1 { background: #fff7e8; border: 1px solid #ffe1a6; letter-spacing: 1.3px; } #link .area-1:hover { background: #ffe1a6; } #link .area-2 { background: #f1f8f8; border: 1px solid #b9eded; } #link .area-2:hover { background: #b9eded; } #link .area-3 { background: #fcf2f2; border: 1px solid #ffcccc; margin-right: 0; } #link .area-3:hover { background: #ffcccc; } #link .area-3 span { width: 150px; height: 50px; background: #fff; margin: 0 auto 5px; display: flex; align-items: center; } #link .logo-ieice, .logo-cs, .logo-csws { display: block; margin: 0 auto; } #link .logo-ieice { width: 45px; margin-top: 7px; margin-bottom: 6px; } #link .logo-cs { width: 30px; margin-bottom: 5px; } #link .logo-csws { width: 80px; } #link .link_text { color: #fa6474; margin-right: 20px; } #link .link_text:hover { color: lightgray; } /*DB*/ #db .section01 .latest_data{text-align: center; } #db .section01 .latest_data a{font-size: 14px; width: 50%; margin: 0 auto; border-radius: 5px; text-decoration: none; color: #fff; display: block;background-color:#FA6474; padding: 16px 0;} #db .section01 .latest_data a:hover{background: #b6ba58;} #db .section01 .latest_data a .fa-arrow-right{margin-left: 12px;} #db .section01 .db{margin: 30px 0 0 0;} #db .section01 .db ul{list-style: none; margin: 0;padding: 0; display: flex; flex-wrap: wrap;} #db .section01 .db ul li{width:49%; margin: 0 1% 10px 0; text-align: center;} #db .section01 .db ul li:nth-child(2n){ margin: 0 0px 10px 1%; } #db .section01 .db ul li a{text-decoration: none; color: #fff; display: block; background-color: #92806C; padding: 16px 0; font-size: 14px;letter-spacing: 1px} #db .section01 .db ul li a:hover{ background: #b6ba58;} } /*======================================== SP ================================================== ================================================================================================*/ @media (max-width: 700px) { header #header_wrap #logo_head_2nd{position: absolute;top:25px;left:3%;width:120px;margin: 0;padding:0px 0 0 0;} header #header_wrap #logo_head_2nd a img{width:100%;} header #header_wrap #logo_head_2nd a:hover{opacity:0.3;} header #header_wrap #logo_head_index{display:none;} main{padding: 0 0 0px 0} main #title{position: relative; height:90px; margin: 0 auto 30px auto;padding:0px 0 0px 0;} main #title #movie{ position:absolute;top:0px;right: 0; display: block; width:100%; height: 100%;} main #title #movie video{ display: block; width: 100%;height:100%;margin: 0 auto;padding: 0;object-fit: cover;opacity: 1} main #title #movie::after{content: '';position:absolute;top:0px;right: 0;width: 100%;height: 100%;background: rgba(255,251,242,0.6)} main #title h2{ position:absolute;top:30px;left: 0;width: 100%; margin:0 auto 0px auto;padding: 0;font-size: 20px;letter-spacing: 1px;/*font-weight: normal;*/color:#fa6474;text-align: center} main .section01{width:80%; margin:0 auto 50px auto;} main h3{position: relative; margin:0 auto 20px auto;padding:20px 0 0 0;font-size: 18px;letter-spacing:0px;/*font-weight: normal;*/color:#92806C;} main h3::before{content: '';position:absolute;top:0px;left: 0;width: 80px;height: 1px;background:#92806C} main h4{} main .text01{ margin:0 auto 0px auto;padding: 0;font-size: 14px;letter-spacing: 0px;line-height: 22px;color:#3F3830;} /*==========特別招待講演============*/ #special .latest{width: 100%;margin:30px auto 20px auto;padding: 0;border-collapse: collapse;} #special .latest thead{} #special .latest thead th { display: none;/* padding: 14px 0;background:#6cd0d8;color: white; font-size: 13px;letter-spacing: 1px;*/ } /* #special .latest thead th:nth-of-type(1){width:15%;} #special .latest thead th:nth-of-type(2){width:20%;} #special .latest thead th:nth-of-type(3){width:15%;} #special .latest thead th:nth-of-type(4){width:30%;}*/ #special .latest tbody{font-size: 13px;letter-spacing: 1px;border-bottom: 1px solid #b5b5b6;} #special .latest tbody:not(:first-of-type) th { padding-top: 30px; } #special .latest tbody th { width: 100%; display: block; font-size: 16px; padding: 0 0 0px; color: #fa6474;text-align:center;font-weight: bold; } #special .latest tbody td { width: 100%; display: block; padding: 5px 0px 8px; text-align: left; color: #5F5858;} #special .latest tbody td::before { background: #fff2f2; color: #fa6474; display: block; font-size: 14px; padding: 8px 0 8px 8px; margin-bottom: 7px; border-top: 1px solid #e3dada;} #special .latest tbody td:nth-of-type(1)::before { content: "Place"; } #special .latest tbody td:nth-of-type(2)::before { content: "Workshop"; } #special .latest tbody td:nth-of-type(3)::before { content: "Special Invited Talks"; } #special .latest tbody td a{display: block;margin: 5px auto 15px auto;padding: 8px 10px;text-decoration:none;background: #fa6474;color: white;text-align: center;border-radius: 20px;font-size: 12px;letter-spacing: 1px} #special .latest tbody td a:hover{background:#b6ba58;} /* #special .latest tbody td:nth-of-type(2){text-align:center;} */ #special .invited { color: #fa6474; font-size: 14px; margin: 0 auto 5px auto } #special .invited_photo { display: flex; flex-wrap: wrap; max-width: 100%; width: 100%; margin: 0 auto 10px auto } #special .invited_photo figure { margin: 0 5px 8px 0px; width: calc((100% - 5px) / 2); } #special .invited_photo figure.irregular{width:100%;} #special .invited_photo figure:nth-of-type(2n) { margin-right: 0; } #special .invited_photo figure img { width: 100%; } #special .invited_photo figure figcaption { color: #5F5858; font-size: 12px; text-align: center; } /* #special .latest tbody td:nth-of-type(2){text-align:center;} */ #special .archive{margin:10px auto 0 auto;padding: 0;list-style: none} #special .archive li{float: left; width: 49%; margin:0 1% 10px 0;padding: 0;} #special .archive li a{display: block; width: 100%;padding: 16px 0px;text-decoration:none;text-align: center;color: white; font-size: 14px;letter-spacing: 1px;background:#5F5858; transition: .4s;} #special .archive li a:hover{background:#b6ba58} #special .application{display: block;width: 100%;margin:10px auto 0 auto;padding: 20px 0px;background:#fa6474;color: white;text-align: center;font-size: 16px;letter-spacing:0px;text-decoration: none;border-radius: 5px; transition: .4s;} #special .application .fa-arrow-right{margin-left:10px;} #special .application:hover{background:#b6ba58} /*============開催スケジュール==========*/ #schedule .archive{margin:30px auto 0 auto;padding: 0;list-style: none} #schedule .archive li{float: left; width: 49%; margin:0 1% 10px 0;padding: 0;} #schedule .archive li a{display: block; width: 100%;padding: 16px 0px;text-decoration:none;text-align: center;color: white; font-size: 14px;letter-spacing: 1px;background:#92806C; transition: .4s;} #schedule .archive li a:hover{background:#b6ba58} #schedule .archive_renewal{margin:0px auto 10px auto;} #schedule .archive_renewal a{display: block; width: 100%;height:50px; padding: 30px 0 0 0px;text-decoration:none;text-align: center;color: white; font-size: 14px;letter-spacing: 1px;background:#92806C; } #schedule .archive_renewal a:hover{background:#b6ba58} #schedule .archive_02-22{} #schedule .archive_02-22 a{display: block; width: 100%;height: 65px;padding: 15px 0 0 0px;text-decoration:none;text-align: center;color: white; font-size: 14px;letter-spacing: 1px;background:#92806C; } #schedule .archive_02-22 a span{display:block; width: 90%;margin: 0 auto;font-size: 11px;line-height: 16px;} #schedule .archive_02-22 a:hover{background:#b6ba58} /*==================取扱分野==================*/ #topics #topics_tab{width:100%; margin:0px auto 30px auto;padding: 0;} #topics #topics_tab .tab_container{ width:100%;margin:0 auto 0px auto;padding:0px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;} #topics #topics_tab .tab_container .tab {width:100%;margin:0 auto 0px auto;padding:0px; list-style: none;text-align: center;display: flex;font-size: 0;} #topics #topics_tab .tab_container .tab li {display: inline-block;margin: 0 5px 0 0;padding:0px;background: #F2EEE9;} #topics #topics_tab .tab_container .tab li:last-of-type{margin: 0;} #topics #topics_tab .tab_container .tab li.current { } #topics #topics_tab .tab_container .tab li a {display:flex;width:180px; height: 35px;margin:0;padding:16px 0;color: #BDAD9E;font-size:14px;letter-spacing: 0px;text-decoration: none; justify-content: center;align-items: center;} #topics #topics_tab .tab_container .tab li.current a {background: #FA8A80; color: #fff;} #topics #topics_tab .topics_contents { clear: both; display: none;} #topics #topics_tab .topics_contents.current{ display: block;width:100%;margin:0 auto; padding:30px 0px;border-top: 2px solid #FA8A80;} #topics #topics_tab .topics_contents .field{width: 100%;margin:10px auto 0 auto;padding: 0;border-collapse: collapse;border-top:1px solid #b5b5b6;} #topics #topics_tab .topics_contents .field thead{border-bottom:1px solid #e0ddc8;} #topics #topics_tab .topics_contents .field thead th{padding: 12px 0;background:#fffbf2;color:#FA8474; font-size: 13px;letter-spacing:0px;/*font-weight: normal*/} #topics #topics_tab .topics_contents .field thead th:first-of-type{border-right:1px dotted #b5b5b6;} #topics #topics_tab .topics_contents .field tbody tr{border-bottom:1px solid #e0ddc8;} #topics #topics_tab .topics_contents .field tbody th{padding: 10px 8px 10px 0px;color: #5F5858; font-size: 12px;letter-spacing:0px;text-align: left;border-right:1px dotted #b5b5b6;/*font-weight: normal*/} #topics #topics_tab .topics_contents .field tbody td{padding: 10px 0px 10px 8px;width: 68%;color: #5F5858; font-size: 12px;letter-spacing: 0px;line-height: 16px} #topics #topics_tab .topics_contents .remote_island{width: 100%;margin:20px auto 30px auto;padding: 0;border-collapse: collapse;border-top:1px solid #b5b5b6;} #topics #topics_tab .topics_contents .remote_island th{display: block; width:100%; padding: 16px 0 0px 0;color: #FA8474; font-size: 14px;letter-spacing:0px;text-align: left;/*font-weight: normal;*//*border-bottom:1px solid #5b958d;*/} #topics #topics_tab .topics_contents .remote_island td{display: block; width:100%;padding: 6px 0 16px 0px;color: #5F5858; font-size: 13px;letter-spacing: 0px;line-height:19px;border-bottom:1px solid #b5b5b6;} #topics #topics_tab .topics_contents .remote_island td a{display: block;width: 85%; margin:10px auto 0 auto;padding:12px 0px;background:#fa6474;color: white;text-align: center;font-size: 13px;letter-spacing:0px;text-decoration: none;border-radius: 5px;} #topics #topics_tab .topics_contents .remote_island td a:hover{background: #b6ba58;} #topics #topics_tab .topics_contents .memo{text-align:center;padding: 0;margin: 0 auto 20px auto;font-size: 13px;letter-spacing:0px;color: #3F3830;} #topics #topics_tab .topics_contents .photo-memo {text-align:center;padding: 0;margin: 0 auto 0px auto;font-size: 12px;letter-spacing: 0px;color: #FA8A80;} #topics #topics_tab .topics_contents .photo { display: flex; flex-wrap: wrap; padding: 0;margin: 0 auto 0px auto; } #topics #topics_tab .topics_contents .photo li { width: calc((100% - 5px) / 2); margin-right: 5px; list-style: none; } #topics #topics_tab .topics_contents .photo li:nth-child(2n) { margin-right: 0; } #topics #topics_tab .topics_contents .photo li img { width: 100%; } /*表彰*/ #prize .section01 #awards{width:100%; margin:30px auto 50px auto;padding: 0;} #prize .section01 #awards .tab_container{ width:100%;margin:0 auto 0px auto;padding:0px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;} #prize .section01 #awards .tab_container .tab {width:100%;margin:0 auto 0px auto;padding:0px; list-style: none;text-align: center;display: flex; /* position: relative;*/} #prize .section01 #awards .tab_container .tab li {display: inline-block;padding:0px;background: #F2EEE9; margin: 0 5px 0 0;} #prize .section01 #awards .tab_container .tab li.current { } #prize .section01 #awards .tab_container .tab li a {display:flex;width:180px; height: 35px; margin:0;padding:16px 0;color: #BDAD9E;font-size: 13px;letter-spacing: 1px;text-decoration: none; align-items: center;justify-content: center;} #prize .section01 #awards .tab_container .tab li.current a {background: #FA8A80; color:#fff;} #prize .section01 #awards .awards_contents { clear: both; display: none;} #prize .section01 #awards .awards_contents.current{ display: block;width:100%;margin:0 auto; padding:10px 0px;border-top: 2px solid #FA8A80;border-bottom:1px solid #FA8A80;} #prize .section01 #awards .awards_contents.current dl{display: flex; flex-wrap: wrap; margin: 0; padding: 0;} #prize .section01 #awards .awards_contents.current dl dt{width: 100%; font-size: 14px; font-weight: bold; color:#FA8A80; margin:0 ; padding: 20px 0 0 0;} #prize .section01 #awards .awards_contents.current dl dd{width: 100%;margin:0; border-bottom: solid 1px #e0dddf; color: #5F5858; font-size: 14px; padding:0 0 20px 0;} #prize .section01 #awards .awards_contents.current dl dd:last-of-type{ border-bottom: none} #prize .section01 #regulations{width:100%;background-color: #faf6e2; margin: 0px auto ; padding: 30px 0;text-align: center;} #prize .section01 #regulations .Sentence{width:80%;font-size: 14px; font-weight: bold; color: #92806C; padding: 0px 0 10px 0; margin: 0 auto;} #prize .section01 #regulations a{text-decoration: none; color: #FFF; font-size: 13px; width: 70%; margin:0 auto 20px auto;background-color: #fa6474; padding:16px 10px; display: block; border-radius: 5px;} #prize .section01 #regulations a .fa-arrow-right{margin-left: 12px;} #prize .section01 #regulations a:hover{background: #767236;} #prize .section01 #regulations .detail{width: 90%; font-size: 10px;line-height: 15px; color: #3F3830; margin: 0 auto; letter-spacing: 0px; text-align: left;} #prize .section01 #winner_archive{ width:90%; margin:0 auto;padding:12px 0; /*background-color:#fa6474;*/ font-size: 13px; text-decoration: none; color: #fa6474; display: block; letter-spacing: 0px;text-align: center; border: #fa6474 solid 1px;border-radius: 5px} #prize .section01 #winner_archive:hover{background: #fa6474; color: #fff;} #prize .section01 #winner_archive .fa-arrow-right{margin-left: 10px;} #prize .section01 #winner{width:100%; margin:20px auto 50px auto;padding: 0;} #prize .section01 #winner .tab_container{ width:100%;margin:0 auto 0px auto;padding:0px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;} #prize .section01 #winner .tab_container .tab {width:100%;margin:0 auto 0px auto;padding:0px; list-style: none;text-align: center;display: flex; justify-content: space-between;/* position: relative;*/} #prize .section01 #winner .tab_container .tab li {padding:0px;background: #F2EEE9;width: 33%;} #prize .section01 #winner .tab_container .tab li.current { } #prize .section01 #winner .tab_container .tab li a {display:block;margin:0;padding:16px 0px;color: #BDAD9E;font-size: 14px;letter-spacing: 1px;text-decoration: none; text-align: center;} #prize .section01 #winner .tab_container .tab li.current a {background: #FA8A80; color: #fff;} #prize .section01 #winner .winner_contents { clear: both; display: none;} #prize .section01 #winner .winner_contents.current{ display: block;width:100%;margin:0 auto; padding:20px 0px;border-top: 2px solid #FA8A80;border-bottom:1px solid #FA8A80;} #prize .section01 #winner .winner_contents.current h5{margin: 20px auto 8px auto;padding: 10px 0;color:#fff; font-size: 13px;letter-spacing: 1px; text-align: center; font-weight: normal; background-color: #92806C; border-radius: 5px;} #prize .section01 #winner .winner_contents.current .text{margin: 0px auto 10px auto;padding: 0;color: #92806C; font-size: 12px;letter-spacing: 1px;line-height: 16px; } #prize .section01 #winner .winner_contents.current dl{display: flex; flex-wrap: wrap; margin: 0px auto;} #prize .section01 #winner .winner_contents.current dl dt{width: 100%; padding: 15px 0 0 0;} #prize .section01 #winner .winner_contents.current dl dt a{letter-spacing: 1px; background-color: #FA8A80; font-size: 13px; color: #fff; text-align: center; width: 70%;margin:0 auto; text-decoration: none; display: block; padding: 6px 0;border-radius: 5px} #prize .section01 #winner .winner_contents.current dl dt a:hover{background-color: #767236;} #prize .section01 #winner .winner_contents.current dl dt a .fa-link{margin-left: 10px;} #prize .section01 #winner .winner_contents.current dl dd{width: 100%; border-bottom: solid 1px #e0dddf; margin: 0;padding: 10px 0 15px 0} #prize .section01 #winner .winner_contents.current dl dd:last-of-type{ border-bottom: none} #prize .section01 #winner .winner_contents.current dl dd .jpn{display: block; color:#FA8A80; font-size: 13px;line-height: 18px;margin-bottom: 5px;} #prize .section01 #winner .winner_contents.current dl dd .eng{display: block; color: #666; font-size: 12px;line-height: 14px} #prize .section01 #winner .winner_contents.current .irregular_jpn .title{display: block; color:#FA8474; font-size: 13px;} #prize .section01 #winner .winner_contents.current .irregular_jpn .name{display: block; color:#FA8474; font-size: 13px;} #prize .section01 #winner .winner_contents.current .irregular_eng .title{display: block; color: #666; font-size: 12px;} #prize .section01 #winner .winner_contents.current .irregular_eng .name{display: block; color: #666; font-size: 12px;} #prize .section01 #winner .winner_contents .winners_photo { display: flex; max-width: 100%; width: 100%; flex-direction: column; align-items: center; } #prize .section01 #winner .winner_contents .winners_photo figure { margin: 0 0 7px 0; text-align: center; } #prize .section01 #winner .winner_contents .winners_photo figure img { width: 80%; } #prize .section01 #winner .winner_contents .winners_photo figure figcaption { color: #5F5858; font-size: 12px; text-align: center; } #prize .section01 #reiwa3 .picture{width: 80%; margin: 5% auto 0 auto; text-align: center; font-size: 0;} #prize .section01 #reiwa3 .picture .img_1{ display: inline-block; width: 45%;} #prize .section01 #reiwa2 .picture{width: 80%; margin: 0 auto; font-size: 0;} #prize .section01 #reiwa2 .picture .img_2{width: 100%; margin: 2px 0;} #prize .section01 #reiwa2 .picture .img_3{width: 50%; display: inline-block; margin: 2px auto;} /*============ 参加・発表申込み方法 =========*/ #apply ul { padding-left: 30px; } #apply li { list-style: square; margin: 0; padding: 0 0 0 8px; font-size: 14px; letter-spacing: 2px; line-height: 28px; color: #3a5155; } /* ---- 発表申込み方法 ---- */ #apply .entry-btn { display: block; width: 100%; border-radius: 5px; color: #fff;background: #FA6474;padding: 15px 0;margin: 20px auto;text-align: center;letter-spacing: 2px; transition: all .3s; text-decoration: none;} #apply .entry-btn:hover { background: #b6ba58; } #apply .entry-btn .fa-arrow-right { margin-left:10px; } #apply section .contact-area { width: 100%; margin: 20px auto; padding: 0px; background-color: #fff; border: 3px solid #b6ba58; border-radius: 7px; box-sizing: border-box; } #apply section .contact-area .area-title { font-size: 17px; padding: 13px 0; text-align: center; background: #b6ba58; color: #fff; } #apply section .contact-area .area-title .sub { font-size: 12px; display: block; margin-top: 3px; line-height: 1.3; } #apply section .contact-area .content { display: flex; flex-direction: column; align-items: center; padding: 5px 30px; } #apply section .contact-area .content > p { margin: 0; padding-top: 10px; font-size: 14px; } #apply section .contact-area .content span { font-size: 12px; padding-right: 18px; } #apply section .contact-area .content .address img { width: 230px;/* margin-top: 3px;*/ } #apply section .contact-area .content .address p { font-size: 11px; text-align: center; line-height: 8px; margin-left: 6px; } #apply section .contact-area .attention-text { font-size: 11px; color: red; line-height: 1.3; margin: 0 30px; text-align: center;} /*---- 原稿の締切日について ----*/ #apply .deadline span{ color: red; } #apply .deadline .reference { display: block; width: 100%; padding: 10px 0; background: #FA6474; color: #fff; font-size: 14px; text-align: center; border-radius: 5px; margin: 20px auto 0; transition: all .3s; text-decoration: none; } #apply .deadline .reference:hover { background: #b6ba58; } #apply .deadline .fa-chevron-right { margin: 0 7px; } /*------ 研究報告 ------*/ #apply ul li { margin: 7px auto; padding: 0; font-size: 14px; letter-spacing: 0px; line-height: 22px; color: #3a5155; } #apply .link_text { color: #fa6474; text-decoration: none; } #apply .link_text:hover { color: lightgray; } /*------ 参加申込み　最後の部分（お知らせ）-------*/ #apply section.wrap { border-top: 1px solid #5b958d; margin-bottom: 20px; } #apply section .notice { width: 80%; margin: 0 auto; padding: 30px 0 0 30px; } #apply section .notice .society-btn { display: inline-block; padding: 15px 30px; width: 70%; font-size: 14px; text-align: center; border-radius: 5px; background: #dbdbdb; color: #3a5155; margin: 10px auto 30px;transition: all .3s; text-decoration: none; } #apply section .notice .society-btn:hover { background: #6F6F6F; color: #fff; } #apply section .notice p { position: relative; } #apply section .notice p::before { content: ""; position: absolute; top: 12%; left: -30px; border: 6px solid transparent; border-left: 10px solid #5b958d; } #apply section .notice p:nth-of-type(2)::before { transform: translateY(-75%); } #apply .lecture_type{width:98%;margin: 20px auto 0 auto} #apply .lecture_type h4{position: relative;margin: 0 auto 5px auto;padding:0 0 0 20px;font-size: 15px;letter-spacing: 1px;line-height: 18px;color:#0e1a2d;font-weight: 800; } #apply .lecture_type h4::before{ content: "■"; position: absolute; top: 0%; left:0;} #apply .lecture_type h4 span{font-size:14px;margin-left: 5px} #apply .lecture_type .inner{overflow-x: scroll;} #apply .lecture_type .inner table{border-collapse: collapse;width: 100%;min-width: 600px;margin: 0 auto;border-bottom: 1px solid #b3b3b3;} #apply .lecture_type .inner table thead{} #apply .lecture_type .inner table thead tr{border-top:1px solid #b3b3b3;} #apply .lecture_type .inner table thead th:nth-child(1){width: 16%;} #apply .lecture_type .inner table thead th:nth-child(2){width: 28%} #apply .lecture_type .inner table thead th:nth-child(3){width: 28%} #apply .lecture_type .inner table thead th:nth-child(4){width: 28%;border-right:none} #apply .lecture_type .inner table thead th{font-size:13px;letter-spacing: 0px;background:#DAF6FF;color: #303030;padding:6px 0 3px 0;border-right:1px solid #cccccc;} #apply .lecture_type .inner table.young thead th{background:#ffd7b1;} #apply .lecture_type .inner table tbody{} #apply .lecture_type .inner table tbody tr{border-top:1px solid #bdced6;} #apply .lecture_type .inner table tbody tr th{padding:5px 0 2px 0;background:#EFFCFF;color: #303030;font-size:12px;letter-spacing:0px;border-right:1px solid #cccccc;} #apply .lecture_type .inner table.young tbody tr th{background:#fffaf3;} #apply .lecture_type .inner table tbody tr td{padding:5px 6px 2px 6px;font-size:12px;letter-spacing: 0px;border-right:1px solid #bdced6;} #apply .lecture_type .inner table tbody tr td:last-of-type{border-right:none} #apply .lecture_type .inner table tbody tr td span{font-size:11px;margin-left: 5px} #apply .note{width:95%;margin:20px 0 0 auto;} #apply .note ul{margin:0px auto 0 auto;padding: 0;} #apply .note ul li{margin:0px auto 5px auto;padding: 0;list-style: none;text-indent: -10px;font-size:12px;letter-spacing:0px;line-height: 18px} #apply .note ul li a{color:#FA6474;text-decoration: underline} #apply .note ul li a:hover{color: #92806C;} /*=========== 写真集 =============*/ #photo h3 { font-size: 18px; } #photo .section01 { width: 80%; margin: 0 auto 50px; } #photo #fifty_special{font-size:0;} #photo #fifty_special a { display: block; width: 100%; margin: 0 0 10px 0;padding: 15px 0;text-align: center;text-decoration: none;background: #FA6474;color: white;font-size: 12px;letter-spacing: 2px;border-radius: 5px; } #photo #fifty_special a .fa-arrow-right{margin-left:10px;} #photo #fifty_special a:hover{background:#b6ba58} #photo #before2022{display:block;width: 90%;margin: 0 auto 30px;padding:15px 0;text-align: center;text-decoration: none;border:1px solid #FA6474;color:#FA6474;font-size: 14px;letter-spacing: 2px;border-radius: 5px} #photo #before2022 .fa-arrow-right{margin-left:10px;} #photo #before2022:hover{border:1px solid #b6ba58;background: #b6ba58;color: white} #photo section .comment { text-align: center; margin-top: 20px; color: #92806C; font-weight: bold; font-size: 13px; } #photo h4 { margin: 40px 0 20px 30px; color: #00a5ba; position: relative; line-height: 2; } #photo h4:first-of-type { margin-top: 20px; } #photo h4::before { content: ""; width: 3px; height: 35px; background: #d6fbff; position: absolute; top: 0; left: -30px; } #photo h4::after { content: ""; width: 3px; height: 17px; background: #05c9e3; position: absolute; top: 0; left: -30px; } #photo #photo_tab{width:100%; margin:0px auto 30px auto;padding: 0;} #photo #photo_tab .tab_container{ width:100%;margin:0 auto 0px auto;padding:0px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;} #photo #photo_tab .tab_container .tab {width:100%;margin:0 auto 0px auto;padding:0px; list-style: none;text-align: center;display: flex;font-size: 0;} #photo #photo_tab .tab_container .tab li {display: inline-block;margin: 0 5px 0 0;padding:0px;background: #F2EEE9;} #photo #photo_tab .tab_container .tab li:last-of-type{margin: 0 } #photo #photo_tab .tab_container .tab li a {display:block;width:180px; height: 35px;margin:0;padding:16px 0px 0 0;color: #BDAD9E;font-size:14px;letter-spacing: 0px;text-decoration: none; text-align: center;} #photo #photo_tab .tab_container .tab li.current a {background: #FA8A80; color: #fff;} #photo #photo_tab .photo_contents { clear: both; display: none;} #photo #photo_tab .photo_contents.current{ display: block;width:100%;margin:0 auto; padding: 20px 0;border-top: 2px solid #FA8A80;} #photo #photo_tab .photo_contents .img { display: flex; flex-wrap: wrap; list-style: none; padding-left: 0; } #photo #photo_tab .photo_contents .img li { width: calc((100% - 5px) / 2);} #photo #photo_tab .photo_contents .img li img { width: 100%; height: 140px; object-fit: cover; } #photo #photo_tab .photo_contents .img li:nth-child(2n-1) { margin-right: 5px; } /*============専門委員============*/ #committee h3{width: 100%; margin: 0 auto 25px auto;padding: 0;font-size: 16px;letter-spacing: 1px;line-height: 26px;color: #92806C;text-align: center;} #committee h3 span{display:block;font-size: 14px;} #committee h3::before{display:none;} #committee table{width: 100%;margin:0px auto 0 auto;padding: 0;border-collapse: collapse} #committee table th { width: 100%; display: block; text-align: left; padding: 18px 0 0;font-size: 14px;color: #fa6474;border-top: 1px solid #fa6474;font-weight: normal} #committee table tr:last-of-type th{border-bottom: none} #committee table td { width: 100%; display: block; padding: 5px 0 12px; } #committee table td span{display: inline-block;width: 100%; margin: 0 0 2px;padding: 0;font-size: 14px;letter-spacing: 1px;color: #3F3830;vertical-align: top} /* #committee table td span:nth-of-type(2n){ margin: 0 0 16px 0}*/ /* ===========　リンク　=========*/ #link a, #link a:visited { color: inherit; text-decoration: none; } #link .content { display: flex; flex-direction: column; margin-bottom: 50px; } #link .link-area { width: 100%; color: #3a5155; text-align: center; font-size: 13px; margin-bottom: 10px; } #link .link-area a { height: 100px; padding: 8px 10px; border-radius: 10px; transition: .4s; display: flex; flex-direction: column; justify-content: center; } #link .link-area span { display: block; font-size: 12px; line-height: 1.5; } #link .area-1 { background: #fff7e8; border: 1px solid #ffe1a6; letter-spacing: 1.3px; } #link .area-1:hover { background: #ffe1a6; } #link .area-2 { background: #f1f8f8; border: 1px solid #b9eded; } #link .area-2:hover { background: #b9eded; } #link .area-3 { background: #fcf2f2; border: 1px solid #ffcccc; margin-right: 0; } #link .area-3:hover { background: #ffcccc; } #link .area-3 span { width: 150px; height: 50px; background: #fff; margin: 0 auto 5px; display: flex; align-items: center; } #link .logo-ieice, .logo-cs, .logo-csws { display: block; margin: 0 auto; } #link .logo-ieice { width: 45px; margin-top: 7px; margin-bottom: 6px; } #link .logo-cs { width: 30px; margin-bottom: 5px; } #link .logo-csws { width: 80px; } #link .link_text { color: #fa6474; margin-right: 20px; } #link .link_text:hover { color: lightgray; } /*DB*/ #db .section01 .latest_data{text-align: center; } #db .section01 .latest_data a{font-size: 14px; width: 100%; margin: 0 auto;text-decoration: none; color: #fff; display: block;background-color:#FA6474; padding: 16px 0; border-radius: 5px;} #db .section01 .latest_data a:hover{background: #b6ba58;} #db .section01 .latest_data a .fa-arrow-right{margin-left: 12px;} #db .section01 .db{margin: 25px 0 0 0;} #db .section01 .db ul{list-style: none; margin: 0;padding: 0; display: flex; flex-wrap: wrap;} #db .section01 .db ul li{width:49%; margin: 0 1% 10px 0; text-align: center;} #db .section01 .db ul li:nth-child(2n){ margin: 0 0px 10px 1%; } #db .section01 .db ul li a{text-decoration: none; color: #fff; display: block; background-color: #92806C; padding: 16px 0; font-size: 14px;letter-spacing: 1px} #db .section01 .db ul li a:hover{ background: #b6ba58;} }