/* ----------------------------------------------------------------
共通設定
---------------------------------------------------------------- */
html {
	scroll-behavior: smooth;
}
body{
  /*font-family: "Montserrat","IBM Plex Sans JP", sans-serif;*/
  font-family: "Montserrat","Noto Sans JP", sans-serif;
  font-weight:500;
  font-style: normal;
  padding: 0px !important;
  /*background: linear-gradient(0deg,rgba(59, 1, 0, 1) 0%, rgba(158, 0, 0, 1) 100%);*/
  background-attachment: fixed;
  background-image: url('images/bg.webp');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  font-feature-settings: "palt";
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light;tab-size:2;scrollbar-gutter:stable;interpolate-size:allow-keywords;line-height:1.5}:where(html:has(dialog:modal[open])){overflow:clip}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:inherit;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color:inherit;letter-spacing:inherit;word-spacing:inherit;font-feature-settings:inherit;font-variation-settings:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled,label:has(>:disabled,+disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem);text-wrap:balance}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(dialog,[popover]){border:none;background:none;color:inherit;inset:unset;max-width:unset;max-height:unset;overflow:unset}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none!important}:where(:focus-visible){outline:3px solid CanvasText;box-shadow:0 0 0 5px Canvas;outline-offset:1px}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within,:active)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important;user-select:none!important}

/* 視覚的に隠すがフォーカスで表示（スクリーンリーダー配慮） */
.visually-hidden-focusable {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.visually-hidden-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
}
:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
/*画像の最大値と可変*/
img{
  max-width: 100%;
  height: auto;
}

/*全体の枠設定*/
header,main,footer{
  max-width: 600px;
  margin: auto;
  background-color: black;
  color: #fff;
}
main{
  padding:0 2%;
}
@media not (max-width:600px) {
  main{
    padding:0 25px;
  }
}
footer{
  padding-bottom: 100px;
  text-align: center;
}
footer address{
  font-size: 16px;
  font-style: normal;
}
p{
  line-height: 1.8;
  letter-spacing: 0.04em;
}
.sub-p,
.small{
  font-size: 14px;
}
.min-p{
  font-size: 12px;
}
.no-wrap {
  white-space: nowrap;
}
.mg-top5{
  margin-top: 0.5em;
}
.indent{
  text-indent: 1em;
}
@media not (max-width:600px) {
  body{
    padding-top: 20px!important;
  }
}
@media not (max-width:1400px) {
  body::before{
    content: '';
    display: block;
    width: 350px;
    height: 350px;
    background-image: url('images/title-w.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: fixed;
    z-index: 1;
    top: 50%;
    left: calc(50% - 500px);
    transform: translate(-50% , -50%);
  }
}

@media not (max-width:500px) {
  .sp{
    display: none;
  }
}
p.line-heght{
  line-height: 1.5;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix:before {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  display: block;
}


/* ----------------------------------------------------------------
ナビゲーション
---------------------------------------------------------------- */
#main-nav[inert] { pointer-events: none; }/* inert中はクリック不可（保険） */
#main-nav[hidden] { display: none !important; }/* hiddenのときは完全に非表示（SRにも出さない） */
#main-nav{transition: height .5s;}   /* プロパティ明示でtransitionend安定 */
#main-nav{
  background-color: #00605d;
  height: 0vh;
  overflow: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9998;
}
#main-nav.is-active{
  height: 100vh;
}
@media not (max-width:1400px) {
#main-nav.is-active{
  height: 0vh;
}
}
.nav-inner__wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100vh;
}
#main-nav ul{
  width: 600px;
  margin: auto;
}
#main-nav ul li{
padding-bottom: 2em;
}
#main-nav ul li a{
  text-decoration: none;
  font-weight: 900;
  font-size: clamp(1.5rem, -0.1087rem + 6.9565vw, 2.5rem);
}
@media (max-width:620px) {
#main-nav ul{
  width: 100%;
  margin: auto;
  padding:2%
}
}

#js-MenuButton{
  position: fixed;
  top: 20px;
  left:calc(50% + 320px);
  display:block;
  text-decoration: none;
  appearance: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
  width: 60px;
  height: 60px;
  z-index: 9999;
  border-radius: 99999px;
  /*background-color: #b81c22;*/
  background-color: #000;
  opacity: 0;
  transition: .5s;
}
@media (max-width:789px) {
#js-MenuButton{
  position: fixed;
  top: 8px;
  right:8px;
  left: auto;
  border:1px solid rgba(255,255,255,0.4)
}
}

#js-MenuButton.is-visible{
  opacity: 1;
}
#js-MenuButton.is-active{
  background-color: #fff;
  transform: rotate(-90deg);
}
#js-MenuButton.is-active{
  opacity: 1;
}
.u-visuallyHidden {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
#js-MenuButton::after, #js-MenuButton::before, #js-MenuButton span.line {
    content: '';
    display: block;
    position: absolute;
    width: 40%;
    height: 2px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    transition: .35s;
    left: 50%;
}

#js-MenuButton::before {
    top: 60%;
}
#js-MenuButton::after {
    top: 40%;
}

#js-MenuButton.is-active::before {
    top: 50%;
    background-color: #000;
    transform: translate(-50%, -50%) rotate(45deg);
}
#js-MenuButton.is-active::after {
    top: 50%;
    background-color: #000;
    transform: translate(-50%, -50%) rotate(-45deg);
}
#js-MenuButton.is-active span.line{
 opacity: 0;
}

@media not (max-width:1400px){
  #js-MenuButton{
    display: none;
  }
}

/* ----------------------------------------------------------------
ヘッダー
---------------------------------------------------------------- */
/*フロントページ ヘッダー*/
.front-page h1{
width: 100%;
height: auto;
aspect-ratio:1500 / 1665;
background-image:url('images/main-images.webp');
background-size: cover;
}
.front-page h1 span{
  display: block;
  position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden;
}

.front-page header{
  border-radius: 30px 30px 0 0;
  overflow: hidden;
}
@media (max-width:600px) {
.front-page header{
  border-radius:0;
}
}

/* ----------------------------------------------------------------
瑞宝太鼓紹介
---------------------------------------------------------------- */
#zuihotaiko{
  padding-bottom: 5em;
}
.background-decoration{
background-image: url('./images/bg-name.webp');
background-position: top right;
background-repeat: no-repeat;
background-size: contain;
}
.catchphrase-wrap,
.paragraph-wrap,
.youtube-wrap,
.member-wrap{
  padding-bottom: 2.5em;
}
.catchphrase{
font-size: clamp(2.875rem, 0.9647rem + 8.2609vw, 4.0625rem);
font-weight: 900;
line-height: 1.2;
letter-spacing: 0.04em;
 margin-bottom: 0.15em;
}
.catchphrase-sub{
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.paragraph-wrap p{
  padding-bottom: 1.5em;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}



.title-h3{
  position: relative;
  display: block;
  line-height: 1;
  margin-bottom: 0.5em;
}
.title-h3 span{
  background-color: #000;
  z-index: 1;
  position: relative;
  padding-right: 0.5em;
}
.title-h3::after{
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  top:50%;
  left: 0px;
  background-color: #fff;
  transform: translateY(-50%);
}


.member-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.member-list > * {
  flex-basis: 23%;
  margin-bottom: 2%;
}
.member-list figure,
.member-list figure img{
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}
.member-list figure{
  margin-bottom: 0.3rem;
}
.member-list figure img{
  border-radius: 10px;
}
.member-list h4 span{
font-size: 13px;
}
.member-list p{
  font-size: 10px;
  line-height: 1.2;
}
@media (max-width:600px) {
.member-list > * {
  flex-basis: 32%;
}
}

.imges{
  display: flex;
  position: relative;
  width: 600px;
  top:0px;
  left: -25px;
  margin-bottom: 2em;
}
@media (max-width:600px) {
.imges{
  display: flex;
  position: relative;
  width:104%;
  top:0px;
  left: -2%;
}
}

/* ----------------------------------------------------------------
インフォメーション
---------------------------------------------------------------- */
#information{
  padding-bottom: 5em;
}
.news-list__link{
  color: #000;
  background-color: #fff;
  display: flex;
  padding: 2%;
  border-radius: 12px;
  text-decoration: none;
  gap: 10px;
}
.news-list__item{
  margin-bottom: 10px;
}
.news-list__thumb{
  width: 120px;
  height: auto;
}
.news-list__thumb img{
  aspect-ratio: 6 / 4;
  border-radius: 5px;
}
.news-list__content{
  width: calc(100% - 130px);
}

/* ----------------------------------------------------------------
愛媛県内障がい者太鼓団体活動披露
---------------------------------------------------------------- */
#ehimetaiko{
padding-bottom: 5em;
}
#ehimetaiko::after{
  content: '';
  display: block;
  background-image: url('images/image04.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 600px;
  height: auto;
  aspect-ratio: 1500 / 637;
  position: relative;
  left: -25px;
  margin-top: 4.5em;
}
@media (max-width:600px) {
#ehimetaiko::after{
  position: relative;
  width:104%;
  top:0px;
  left: -2%;
}
}


.title-h2{
  border-top:3px solid #fff;
  border-bottom: 3px solid #fff;
  text-align: center;
  padding: 0.5em 0;
  font-weight: 900;
  font-size: 30px;
  margin-bottom: 0.4em;
}

.team-list li{
  margin-bottom: 2em;
  padding-top: 2em;
  border-top: 1px dotted #ccc;
}
.team-list li:first-child{
    border-top:none;
}
.team-list figure{
  width: 42%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
  line-height: 1;
  float: right;
  margin: 0 0px 0px 10px;
}
.team-list img{
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
    display: block;
  line-height: 1;
}

.box-wrap + .box-wrap{
  margin-top: 1.2em;

}
.team-list h3{
margin-bottom: 0.5em;
line-height: 1.3;
}
.team-list h3 span{
  font-size: 12px;
}






/* ----------------------------------------------------------------
公演情報
---------------------------------------------------------------- */
#performance-info{
  padding-bottom: 1em;
}
.line-wrap{
  padding: 3.6%;
  border: 2px solid #ccc;
}
.event-title{
  font-weight: 900;
font-size: clamp(1rem, 0.1957rem + 3.4783vw, 1.5rem);
  line-height: 1.3;
  margin-bottom: 1.3em;
  /*18px - 24px*/
}
.strong-title{
  font-weight: 900;
  font-size: clamp(1.875rem, 0.8696rem + 4.3478vw, 2.5rem);
  display: block;
}
.period-day__wrap{
  font-weight: 800;
  font-size: clamp(1.5625rem, 0.0543rem + 6.5217vw, 2.5rem);
  line-height: 1;
  /*25px - 40px*/
}
.year{
  font-size: clamp(1.6875rem, 0.1793rem + 6.5217vw, 2.625rem);
  /*27px - 42px*/
}
.month,.day{
font-size: clamp(3.125rem, 2.1196rem + 4.3478vw, 3.75rem);
  /*50px - 60px*/
}

.japanculturalexpo{
  padding: 2em 0;
}
.japanculturalexpo a{
  display: block;
  width: 30%;
  margin-bottom: 1em;
}

.event-text__innerwrap {
  padding-bottom: 1em;
}
.event-text__innerwrap h3,
.event-text__innerwrap .pstrong{
  font-size: 1em;
  font-weight: 800;
  line-height: 1.3;
}
.event-text__innerwrap h3{
  font-size: 1.3em;
  padding-bottom: .5em;
}
.event-text__innerwrap .pstrong span{
  font-size: 1.3em;
}



/*フッター固定バナー*/
#footer-fixed__banner{
  position: fixed;
  bottom:0px;
  left: 50%;
  width: 600px;
  transform: translate(-50% , 0);
  z-index: 2;
}

/*申し込みボタンレイアウト*/
.application-banner{
  background-color: #fff;
  padding: 5px;
}
.application-banner__inner{
  border: 3px solid #000;
  padding: 5px;
}
.application-banner__content{
  border: 1px solid #000;
  display: block;
  background: #ffd1e7;
  background: linear-gradient(332deg,rgba(255, 209, 231, 1) 0%, rgba(242, 78, 149, 1) 100%);
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  color: #000;
  gap: 10px;
  opacity: 1;
  transition: .7s;
  font-weight: 700;
  line-height: 1;
}
.application-banner__content:hover{
  opacity: .7;
}
.application-banner__title{
  width: 55%;
  height: auto;
  aspect-ratio: 657 / 56;
  background-size:contain;
  background-image: url('images/application01.webp');
  background-repeat: no-repeat;
}
.application-banner__link{
  width: 35%;
  aspect-ratio: 782 / 90;
  background-size:contain;
  background-image: url('images/application02.webp');
  background-repeat: no-repeat;
}

.application-banner__title span,
.application-banner__link span{
  display: block;
  position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden;
}

@media (max-width:500px) {
  .application-banner__content.two-cells{
    flex-direction: column;
    gap: 5px;
    padding: 10px;
  }
  .application-banner__content.two-cells .application-banner__title{
    width: 98%;
  }
  .application-banner__content.two-cells .application-banner__link{
    width: 66%;
  }
}
@media (max-width:600px) {
  #footer-fixed__banner{
    width: 100%;
  }
}


/* ----------------------------------------------------------------
フッター
---------------------------------------------------------------- */
#footer-nav[inert] { pointer-events: none; }/* inert中はクリック不可（保険） */
#footer-nav[hidden] { display: none !important; }/* hiddenのときは完全に非表示（SRにも出さない） */
#footer-nav{display: none;}
@media not (max-width:1400px) {
  #footer-nav{
    display: block;
    width: 350px;
    height: 350px;
    position: fixed;
    z-index: 1;
    top: 50%;
    left: calc(50% + 500px);
    transform: translate(-50% , -50%);
  }
  #footer-nav ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 25px;
    height: 100%;
  }
  #footer-nav ul li a{
    text-decoration: none;
    font-size: 22px;
    font-weight: 900;
    display: block;
    position: relative;
    display: flex;
    align-items: center;
    gap: 3px;
  }
  #footer-nav ul li a::after{
    content: '';
    width:  20px;
    height: 20px;
    display: block;
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036.47%2036.47%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M18.23%2C5.41c7.08%2C0%2C12.82%2C5.74%2C12.82%2C12.82s-5.74%2C12.82-12.82%2C12.82-12.82-5.74-12.82-12.82%2C5.74-12.82%2C12.82-12.82M18.23%2C0C8.18%2C0%2C0%2C8.18%2C0%2C18.23s8.18%2C18.23%2C18.23%2C18.23%2C18.23-8.18%2C18.23-18.23S28.29%2C0%2C18.23%2C0h0Z%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2214.96%207.4%2014.96%2013.87%2019.32%2018.23%2014.96%2022.59%2014.96%2029.07%2025.8%2018.23%2014.96%207.4%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  #footer-nav ul li a::before{
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: #fff;
    transform-origin: 100% 50%;
    transform: scaleX(0);
    transition: transform ease .3s;
  }
  #footer-nav ul li a:hover::before {
    transform-origin: 0% 50%;
    transform: scaleX(1);
  }
}


footer{
  padding-top: 3em;
}

#footer-sns{
  padding-bottom: 3em;
}
.fontxl,.fontl{
  font-weight: 900;
}
#footer-sns a{
  display: inline-block;
  width: 80px;
  height: 80px;
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_13_20)%22%3E%3Cpath%20d%3D%22M20.6143%2036.5143C18.0143%2036.5143%2015.5286%2036.4357%2013.0214%2036.3428C7.62859%2036.1428%204.05002%2032.5571%203.65716%2027.0214C3.30716%2022.0571%203.45716%2017.6071%203.65716%2013.1C3.90002%207.49284%207.30716%204.0857%2012.9929%203.7357C18.2357%203.41427%2022.0072%203.41427%2026.9286%203.7357C32.55%204.09999%2035.8643%207.41427%2036.2643%2013.0571C36.6429%2018.3286%2036.6429%2022.3786%2036.2643%2027.0214C35.8214%2032.4571%2032.25%2036.0214%2026.9286%2036.3286C24.7143%2036.4643%2022.6357%2036.5%2020.6214%2036.5L20.6072%2036.5143H20.6143ZM20.0929%206.17142C17.9357%206.17142%2015.7357%206.24999%2013.1714%206.39999C7.7643%206.72141%206.47859%2010.2786%206.35716%2013.2C6.15716%2017.6286%206.02144%2021.9857%206.35716%2026.8143C6.65002%2031.0643%209.0643%2033.4928%2013.1429%2033.6428C17.5%2033.8071%2021.8214%2033.9357%2026.7714%2033.6428C30.7857%2033.4%2033.2643%2030.9071%2033.5857%2026.8C33.95%2022.2928%2033.95%2018.3643%2033.5857%2013.2357C33.2929%208.97142%2030.9857%206.67856%2026.7572%206.39284C24.3572%206.22856%2022.2357%206.16427%2020.0786%206.16427H20.0929V6.17142Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M20%2028.5072C15.3214%2028.5072%2011.5071%2024.7001%2011.5071%2020.0143C11.5071%2015.3286%2015.3143%2011.5215%2020%2011.5215C24.6857%2011.5215%2028.4929%2015.3286%2028.4929%2020.0143C28.4929%2024.7001%2024.6857%2028.5072%2020%2028.5072ZM20%2014.1929C16.7929%2014.1929%2014.1929%2016.7929%2014.1929%2020.0001C14.1929%2023.2072%2016.7929%2025.8072%2020%2025.8072C23.2071%2025.8072%2025.8071%2023.2072%2025.8071%2020.0001C25.8071%2016.7929%2023.2071%2014.1929%2020%2014.1929Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M28.8643%2013.4142C30.0201%2013.4142%2030.9571%2012.4772%2030.9571%2011.3214C30.9571%2010.1655%2030.0201%209.22852%2028.8643%209.22852C27.7084%209.22852%2026.7714%2010.1655%2026.7714%2011.3214C26.7714%2012.4772%2027.7084%2013.4142%2028.8643%2013.4142Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_13_20%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

@media (max-width:600px) {
  footer address{
    text-align: center;
  }
  footer address span{
    display: block;
    font-size: 12px;
  }
}
.contact-address{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 1em 0;
}
.contact-address li{
  width: 60px;
  height: 60px;
}
.contact-address li a{
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 9999px;
  border: 2px solid #fff;
}
.tel a{
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M20.02%2C12.87c.87-.15%2C1.63.1%2C2.21.76l4.21%2C7.43c.91%2C2.46-2.02%2C3.37-3.12%2C4.78-.61.77-.29%2C1.24.04%2C2.05%2C1.27%2C3.13%2C5.74%2C8.09%2C8.72%2C9.68.76.41%2C1.03.46%2C1.74-.09%2C1.61-1.23%2C2.34-3.69%2C4.94-2.85.85.28%2C5.39%2C3.48%2C6.19%2C4.2%2C2.08%2C1.87.81%2C3.49-.68%2C5.15-4.33%2C4.85-8.48%2C3.46-13.48.59-5.75-3.31-10.41-8.22-13.67-13.98-2.43-4.3-4.96-10.11-1.33-14.46.63-.76%2C3.35-3.1%2C4.23-3.25Z%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2230%22%2F%3E%3C%2Fsvg%3E');
}
.mail a{
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M13.64%2C17.62l32.79.02c.73.3%2C1.33.91%2C1.38%2C1.74v21.12c-.11%2C1.29-.95%2C1.79-2.16%2C1.88H14.26c-1.06-.05-1.97-.67-2.07-1.79v-21.21c.05-.84.68-1.49%2C1.45-1.77ZM44.32%2C19.62H15.59c.77.77%2C1.58%2C1.52%2C2.39%2C2.25%2C3.27%2C2.95%2C6.56%2C5.95%2C9.91%2C8.81.44.37%2C1.64%2C1.53%2C2.15%2C1.51.45-.02%2C1.16-.74%2C1.52-1.05%2C3.12-2.65%2C6.23-5.51%2C9.27-8.26%2C1.18-1.07%2C2.37-2.14%2C3.49-3.26ZM14.21%2C21.41c.11%2C5.9-.08%2C11.81%2C0%2C17.71l9.73-9.27-9.68-8.67c-.23.14-.05.19-.05.23ZM45.79%2C39.26v-18.08l-9.74%2C8.85%2C9.74%2C9.23ZM43.86%2C40.36l-9.33-8.98-.21.03c-1.08.87-2.35%2C2.54-3.76%2C2.76-2.3.37-3.45-1.72-5.1-2.88l-9.41%2C9.07h27.81Z%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2230%22%2F%3E%3C%2Fsvg%3E');
}
.line a{
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M49.99%2C28.46c0-8.95-8.97-16.22-19.99-16.22s-19.99%2C7.28-19.99%2C16.22c0%2C8.02%2C7.11%2C14.74%2C16.72%2C16.01.65.14%2C1.54.43%2C1.76.99.2.51.13%2C1.3.06%2C1.81%2C0%2C0-.23%2C1.41-.29%2C1.71-.09.51-.4%2C1.98%2C1.73%2C1.08%2C2.13-.9%2C11.51-6.78%2C15.71-11.61h0c2.9-3.18%2C4.29-6.4%2C4.29-9.98ZM22.95%2C33.24c0%2C.21-.17.38-.38.38h-5.62c-.21%2C0-.38-.17-.38-.38h0v-8.73c0-.21.17-.38.38-.38h1.42c.21%2C0%2C.38.17.38.38v6.93h3.82c.21%2C0%2C.38.17.38.38v1.42ZM26.33%2C33.24c0%2C.21-.17.38-.38.38h-1.42c-.21%2C0-.38-.17-.38-.38v-8.73c0-.21.17-.38.38-.38h1.42c.21%2C0%2C.38.17.38.38v8.73ZM35.98%2C33.24c0%2C.21-.17.38-.38.38h-1.41s-.07%2C0-.1-.01c0%2C0%2C0%2C0%2C0%2C0%2C0%2C0-.02%2C0-.03%2C0%2C0%2C0%2C0%2C0-.01%2C0%2C0%2C0-.01%2C0-.02%2C0%2C0%2C0-.01%2C0-.02%2C0%2C0%2C0%2C0%2C0-.01%2C0%2C0%2C0-.02%2C0-.02-.01%2C0%2C0%2C0%2C0%2C0%2C0-.04-.03-.07-.06-.1-.1l-4-5.4v5.18c0%2C.21-.17.38-.38.38h-1.42c-.21%2C0-.38-.17-.38-.38v-8.73c0-.21.17-.38.38-.38h1.41s0%2C0%2C.01%2C0c0%2C0%2C.01%2C0%2C.02%2C0%2C0%2C0%2C.01%2C0%2C.02%2C0%2C0%2C0%2C.01%2C0%2C.02%2C0%2C0%2C0%2C.02%2C0%2C.02%2C0%2C0%2C0%2C0%2C0%2C.01%2C0%2C0%2C0%2C.02%2C0%2C.02%2C0%2C0%2C0%2C0%2C0%2C.01%2C0%2C0%2C0%2C.02%2C0%2C.02%2C0%2C0%2C0%2C0%2C0%2C.01%2C0%2C0%2C0%2C.01%2C0%2C.02.01%2C0%2C0%2C0%2C0%2C.01%2C0%2C0%2C0%2C.01%2C0%2C.02.01%2C0%2C0%2C0%2C0%2C.01%2C0%2C0%2C0%2C.01.01.02.02%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C.02.02.02.02%2C0%2C0%2C0%2C0%2C0%2C0%2C.01.01.02.03.03.04l3.99%2C5.39v-5.18c0-.21.17-.38.38-.38h1.42c.21%2C0%2C.38.17.38.38v8.73ZM43.72%2C25.94c0%2C.21-.17.38-.38.38h-3.82v1.47h3.82c.21%2C0%2C.38.17.38.38v1.42c0%2C.21-.17.38-.38.38h-3.82v1.47h3.82c.21%2C0%2C.38.17.38.38v1.42c0%2C.21-.17.38-.38.38h-5.62c-.21%2C0-.38-.17-.38-.38h0v-8.72h0c0-.22.17-.39.38-.39h5.62c.21%2C0%2C.38.17.38.38v1.42Z%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2230%22%2F%3E%3C%2Fsvg%3E');
}