@charset "UTF-8";

/* ================================================
トップページ
================================================ */
/* ----------- MV ----------- */
.slide .item {
  aspect-ratio: 16 / 21.3;
}

.slide-navigation {
  width: 100%;
  margin: 2.4rem auto 3.2rem;
}

.slide-navigation .slick-list {
  padding: 0 calc(calc(100% - 320px) / 2) !important;
}

.slide-navigation .item .image img {
  /*margin: 0;*/
  margin: -110px 0 0 0;
}

.slide-navigation.less1 .item .image::before,
.slide-navigation.less2 .item .image::before {
  padding-top: 36%;
}

.slide-navigation .item {
  margin: 0 0.8rem;
}

.slide-navigation.less2 .slick-list {
  overflow: hidden;
}

/* ----------- 関東会とは ----------- */

.top_about .inner {
  padding: 4rem 2.4rem;
}

.top_about .inner .ttl_icon+p {
  margin-bottom: 4rem;
}

.top_about .inner h3.map_title{
  font-size: 1.6rem;
}

.top_about .inner .link_list {
  flex-wrap: wrap;
  gap: 2.4rem 1rem;
  margin-bottom: 2.8rem;
}

.top_about .inner .link_list li {
  width: calc(calc(100% - 1rem) / 2);
}

.top_about .inner .map_wrap {
  flex-wrap: wrap;
  gap: 2.4rem 1rem;
  margin: 0 0 4rem;
}

.top_about .inner .map_wrap .btn_gr_bg:first-child {
  order: 2;
}

.top_about .inner .map_wrap .map_box {
  width: 100%;
  order: 1;
  margin: 3.2rem 0 0;
}

.top_about .inner .happyon_area {
  padding: 4rem 3.2rem;
}

.top_about .inner .happyon_area ul {
  gap: 4rem 0;
}

.top_about .inner .happyon_area ul::after {
  content: none;
}

.top_about .inner .happyon_area ul li:nth-child(1),
.top_about .inner .happyon_area ul li:nth-child(4),
.top_about .inner .happyon_area ul li:nth-child(5) {
  width: 39%;
}

.top_about .inner .happyon_area ul li:nth-child(2),
.top_about .inner .happyon_area ul li:nth-child(8) {
  width: 48%;
}

.top_about .inner .happyon_area ul li:nth-child(3) {
  width: 40%;
}

.top_about .inner .happyon_area ul li:nth-child(6),
.top_about .inner .happyon_area ul li:nth-child(7) {
  width: 43%;
}

/* ----------- 相談したい 知的財産とは ----------- */

.top_double {
  padding-bottom: 8rem;
}

.top_double .inner>ul {
  flex-direction: column;
  gap: 3rem 0;
}

.top_double .inner>ul>li {
  width: 100%;
  padding: 4rem 2rem 5rem;
}

.top_double .inner>ul>li .link_list {
  flex-wrap: wrap;
  flex-direction: row;
  gap: 2.4rem 0;
}

.top_double .inner>ul>li .link_list li {
  width: 50%;
}

.top_double .inner>ul>li:nth-child(2) .link_list li {
  width: 50%;
}

/* ----------- 注目コンテンツ ----------- */

.top_recommend {
  padding: 8rem 0;
}

.top_recommend ul {
  flex-direction: column;
  gap: 3.2rem 0;
}

.top_recommend ul li {
  width: 100%;
}

.top_recommend ul li a {
  padding: 3rem;
}

.top_recommend ul li a h3 {
  font-size: 2rem;
}

.top_recommend ul li a p span {
  font-size: 1.4rem;
}

/* ----------- トピックス ----------- */

.topics_area {
  padding: 8rem 0;
}

.topics_area ol li>a,
.topics_area ol li>span {
  flex-wrap: wrap;
  gap: 1.6rem 0;
  padding: 2.4rem 0;
}

.topics_area ol li>a .date,
.topics_area ol li>span .date {
  margin-right: 1rem;
}

.topics_area ol li>a .tag_area:has(*),
.topics_area ol li>span .tag_area:has(*) {
  margin-right: 0;
}

.ttl_topics {
  width: 100%;
}

.topics_area ol {
  margin-bottom: 4rem;
}

/* ----------- イベントカレンダー ----------- */

.event_calender_area {
  padding: 8rem 0;
}

.heading_event_calender_area {
  margin-bottom: 1.6rem;
}

.heading_event_calender_area h3 {
  font-size: 1.8rem;
}

.heading_event_calender_area .swiper-button-prev::before {
  top: 13px;
  left: 13px;
  transform: rotateZ(45deg);
}

.heading_event_calender_area .swiper-button-prev::after {
  bottom: 14px;
  left: 7px;
  transform: rotateZ(315deg);
}

.heading_event_calender_area .swiper-button-next::before {
  top: 15px;
  right: 7px;
  transform: rotateZ(135deg);
}

.heading_event_calender_area .swiper-button-next::after {
  bottom: 12px;
  right: 13px;
  transform: rotateZ(225deg);
}

/* ----------- バナーエリア ----------- */

.banner_area .inner ul {
  display: grid;
  gap: min(3vw, 3rem);
}

/* ================================================
 関東会とは
================================================ */
main.page_about>.inner {
  margin-bottom: 8rem;
}

main.page_about .ttl_icon {
  margin-top: 4rem;
}

main.page_about .ttl_icon+p {
  margin-bottom: 8rem;
}

/* ================================================
トピックス一覧
================================================ */
main.page_topics .ttl_icon {
  margin-top: 4rem;
}

.topics_list_contents {
  display: block;
}

.topics_list_contents .topics_area {
  width: 100%;
}

.topics_list_contents .topics_area ol li>a,
.topics_list_contents .topics_area ol li>span {
  padding: 2rem 0;
}

.topics_list_contents .sub_menu {
  width: 100%;
}

/* ================================================
イベントカレンダー
================================================ */
main.page_event .ttl_icon {
  margin-top: 4rem;
}

.event_icons_wrap {
  margin-bottom: 2rem;
}
.event_icons_wrap.last {
  margin-bottom: 4rem;
}
.event_icons_wrap_caption {
  font-size: 1.8rem;
  margin-bottom: 0.3rem;
}

.event_category_icons {
  justify-content: center;
}

.event_category_icons li {
  margin: 0.5rem;
}

.event_category_icons li a {
  min-width: auto;
}
.event_category_icons.area li a {
  min-width: 8rem;
}

.event_calendar_date {
  font-size: 2rem;
}

.event_calendar {
  display: block;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.event_calendar .event_item {
  width: 100%;
  margin: 0.4rem 0;
}

.event_calendar .event_item .week {
  display: inherit !important;
}

/* ================================================
イベント情報（都県別）
================================================ */
main.page_dispatch>.inner {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.dispatch_category_btns {
  margin-top: 1.5rem;
}

.dispatch_category_btns .caption {
  margin-bottom: 0.5rem;
}

.dispatch_category_btns ul li {
  margin: 0 0.7rem 0.7rem 0;
}

.dispatch_category_btns ul li a {
  font-size: 1.2rem;
  width: 8rem;
  padding: 0.8rem 0;
}

.dispatch_list_contents {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.dispatch_list_post .post_ttl {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

.dispatch_list_post .post_info dt {
  font-size: 1.2rem;
  line-height: 1.8em;
  width: 4rem;
  margin: 0.3rem 0;
}

.dispatch_list_post .post_info dd {
  width: calc(100% - 5.5rem);
  margin: 0.5rem 0;
}

.dispatch_detail_info .list_disc li {
  padding-left: 1em;
}

.dispatch_detail_info .list_disc li::before {
  width: 0.4em;
  height: 0.4em;
  top: 0.5em;
}



/* ================================================
個別ページ共通
================================================ */
.pc {
  display: none;
}

/* PDFリンク */
.g_arrow_blank a::before {
  top: 0 !important;
}

/* PDFアイコン */
.icon_pdf {
  display: inline !important;
  padding-right: 1.5em;
  background: url(../../img/icon_pdf.svg) top -0.01em right / 17px 14px no-repeat !important;
}

/* =====組織 /about/organization/=====*/
.organization_01 {
  margin-bottom: 8rem;
}

/* アコーディオン */
.accordion_container .accordion_title {
  padding: 1rem 0;
  font-size: 20px;
}

.accordion_container_box .accordion_title:after {
  width: 12px;
  height: 12px;
}

.ac_green_box_inner {
  background: #ECFAEA;
  padding: 3rem 0rem 4rem;
}

.ac_iinkai {
  padding: 3rem 3rem 4rem;
  border-radius: 5px;
}

.ac_working {
  margin-bottom: 8rem;
}

.ac_white_box_inner .col_02_organization_inner {
  padding-bottom: 4rem;
}

.ac_white_box .accordion_title {
  font-size: 18px;
  padding: 1rem 3.5rem 1rem 2rem;
  margin-top: 10px;
}

.ac_white_box .accordion_title::after {
  width: 10px;
  height: 10px;
  right: 15px;
}

.ac_white_box_inner .col_02_organization_inner .list_only_ttl_organization {
  padding: 1rem 3rem 0;
  margin: 2rem 0 4rem;
}

.ac_white_box_inner .col_02_organization_inner div {
  margin: 0 2rem;
  padding: 2rem 1rem 0;
}

.list_only_ttl {
  gap: 1.2rem 0;
}

.committee_member_organization {
  margin: 0 3rem 0;
}

/* 都県の窓口責任者 */
.member_list {
  display: block;
  margin-bottom: 0;
  line-height: 2;
}

.member_list_box:nth-child(1) p span {
  margin-right: 7.8rem;
}

/* =======弁理士の日記念イベント =======*/
.patentday .accordion_container .accordion_container_box .accordion_content .col_02_organization_inner div p img {
  padding: 0 1rem;
}

.sc_patentday .accordion_container .accordion_container_box .accordion_title {
  font-size: 1.8rem;
}

.patentday_ul {
  padding: 0 1rem;
}

/* =======相談したい /consultation/=======*/
.dispatch_detail_info .list_disc_soudan li::before {
  top: 0.8em;
}

.list_disc_p2 {
  margin-bottom: 8rem !important;
}

.soudan_01 {
  margin-bottom: 8rem !important;
}

/* =======かつやくする知財		/intellectual-property/case/=======*/

.tizai ul {
  display: block;
}

.tizai ul li {
  width: 90%;
  margin: 4rem auto 0;
}

/* =======よくある質問	 /consultation/faq/=======*/
.faq_outer_01,
.faq_outer_02 {
  padding: 3rem 3rem 4rem;
  font-size: 1.4rem;
}

.ac_fap .ac_white .accordion_container .ac_white_box .accordion_title {
  padding: 1rem 3rem 1rem 0;
  padding-left: 2em;
  text-indent: -1.2em;
  font-size: 1.6rem;
}

.ac_fap .ac_white .accordion_container .ac_white_box .accordion_content .ac_white_box_inner .ac_fap_inner_p {
  padding: 2rem 0rem;
  padding-left: 1em;
  text-indent: -1em;
  margin: 0 2rem 0 2rem;
}


/* =======株式会社サウンドファン		/intellectual-property/case/sound-fun/=======*/
.zirei_02_box_picture>p {
  font-size: 1.2rem;
}

/* =======第10回	/intellectual-property/startup/index10 =======*/
.index10 .sc_index10 h2 span,
.index11 .sc_index11 h2 span {
  padding-left: 0rem;
}

/* =======第12回	/intellectual-property/startup/index12 =======*/

.startup_table tbody tr th,
.startup_table tbody tr td {
  width: 100%;
  display: block;
}

.startup_table tbody tr th {
  width: 100%;
}

/* =======第14回	/intellectual-property/startup/index14 =======*/
.dispatch_detail_index14 .list_disc li::before {
  top: 0.8em;
}

/* =======第15回	/intellectual-property/startup/index15 =======*/

.startup15_img {
  display: block;
  width: 100%;
}

.index15_indent {
  padding-left: 1.5em;
  text-indent: -2em;
}

.sc_index15 .ttl_left_bar span {
  margin-left: 0;
}

.dispatch_detail_index15 dd ul li ul li {
  margin-left: 2.5rem;
}

.index15_question h3 span {
  display: block;
  padding-left: 0;
  text-indent: 0;
}

/* =======第16回	/intellectual-property/startup/index16 =======*/

.sc_index16 .dispatch_detail_index16 ul {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.dispatch_detail_info .index16_indent {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.index16_indent ul {
  padding-left: 2.7em !important;
  text-indent: -1.7em !important;
}

.index16_indent>li {
  padding-left: 0;
}

/* =======関連リンク /links/ =======*/

.links_table {
  text-align: left;
}

.links_table td {
  display: block;
  border: 0;
}

/* =======アーカイブ	 /members/archive/======= */

.all_picture_flex {
  display: block;
  width: 100%;
}

/* =======アクセス	 /access======= */

.access_point>p {
  font-size: 1.2rem;
}

/* =======動画一覧	 /access======= */

.top_recommend.movies ul li {
  width: calc(calc(100% - 3vw) / 2);
}

.top_recommend.movies ul {
  flex-direction: row;
  gap: 3.2rem 1rem;
}

/* =======弁理士紹介制度  /consultation/introduce/======= */

.introduce_box {
  display: block;
}

.introduce_box .introduce_box_img {
  width: 100%;
}

.introduce_box_p {
  width: 100%;
}

.introduce_box_img {
  text-align: center;
  margin-bottom: 2rem;
}

.introduce_box_img img {
  width: 60%;
}

.introduce .key_wrap {
  padding: 0;
}

.introduce .keyvisual .title {
  font-size: 8vw;
}


/* =======関東会だより	  /members/newsletter======= */

.newsletter .past-activities_box_flex {
  display: block;
}

.newsletter .newsletter_box {
  width: 70%;
}

/* =======会員ページ /members/======= */
.members_important p a {
  font-size: 1.6rem;
}

.green_arrow_double {
  background: none;
}

/* =======リーフレット等ダウンロード	  /downloads/======= */

.top_recommend.downloads ul li {
  width: calc(calc(100% - 3vw) / 2);
}

.top_recommend.downloads ul {
  flex-direction: row;
  gap: 3.2rem 1rem;
}