/******************************************************************************** Box */
.box {
  display: none;
  margin-top: 1em;
  border: solid 2px rgba(144, 144, 144, 0.25);
  border-radius: 0.325rem;
  margin-bottom: 2rem;
  padding: 1.5rem;
}
.box > :last-child {
  margin-bottom: 0;
}
.box.alt {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.topnews button.open{
  display: none;  
}
.topnews .box {
  display: block;
}

/******************************************************************************** Toogle */
button{
  opacity: 1;
  transition: .2s ease;
}
button.open.active {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
/**/
.triggerMainEl:last-of-type .articleInner{
  padding-bottom: 2.5em;
}
.triggerWrap{
  margin: 1px 0;
}
.triggerer{
  cursor: pointer;
  position: relative;
  display: block;
  margin-bottom: 2em;
}
.triggerEl{
  display: none;
}
.triggerMainEl.open .triggerer{
  display: none;
}
.triggerMainEl.open .triggerEl{
  display: block;
}
.triggerMainEl.open .triggerer,
.triggerMainEl.open .triggerElInner{
  transition:all .2s ease;  
}
/******************************************************************************** Top Button */
.back-to-top,
.back-to-top.home,
.back-to-top.tel {
  position: fixed;
  bottom: 10px;
  right: .5%;
  text-decoration: none;
  font-size: 20px;
  border-radius: 4px;
  font-weight: 700;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  display: none;
  z-index: 99;
  color: #fff;
  background: var(--c-reddark);
}
.back-to-top.home {
  bottom: 56px;
}
.back-to-top.tel {
  bottom: 102px;
}
.back-to-top:hover{    
  color: #fff;
  background-color: var(--c-special);
}

/******************************************************************************** Icon */
.icon {
  text-decoration: none;
  border-bottom: none;
  position: relative;
}
.icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  text-transform: none !important;
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}
.icon>.label {
  display: none;
}
.icon.solid:before {
  font-weight: 900;
}
.icon.brands:before {
  font-family: 'Font Awesome 5 Brands';
}

/* Arrow */
a.arrow {
  border-bottom: 0;
  display: inline-block;
  height: 4rem;
  position: relative;
  width: 6rem;
}
a.arrow .label {
  display: none;
}
a.arrow:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512'%3E%3Cpath d='M442.53,346.28L293.65,495.16c-0.33,0.33-0.7,0.62-1.05,0.94c-9.16,9.77-22.15,15.9-36.6,15.9 c-14.44,0-27.43-6.13-36.59-15.88c-0.35-0.33-0.72-0.62-1.06-0.96L69.47,346.28c-19.62-19.62-19.62-51.44,0-71.05 c19.62-19.62,51.43-19.62,71.06,0l65.23,65.23V50.24C205.76,22.5,228.25,0,256,0s50.24,22.5,50.24,50.24v290.21l65.23-65.23 c19.62-19.62,51.43-19.62,71.05,0C462.15,294.84,462.15,326.66,442.53,346.28z' fill='%239b1919' /%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 100%;
  position: relative;
  width: 3rem;
}

/******************************************************************************** Feature Icons */
ul.feature-icons {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 3rem 0;
  padding-left: 0;
}
ul.feature-icons:first-child {
  margin-top: 0;
}
ul.feature-icons li {
  margin: 2.5rem 0 0 0;
  padding: 0.5rem 0 0 4.5rem;
  position: relative;
  width: 50%;
}
ul.feature-icons li:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512'%3E%3Cpath d='M256,0l221.7,128v256L256,512L34.3,384V128L256,0z' fill='rgba(144, 144, 144, 0.1)' /%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: var(--c-reddark);
  display: block;
  font-size: 1.25rem;
  height: 3.25rem;
  left: 0;
  line-height: 3.25rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: 3.25rem;
}
ul.feature-icons li:nth-child(1),
ul.feature-icons li:nth-child(2) {
  margin-top: 0;
}
ul.feature-icons .fa-pdf::before {
  content: '\f1c1';
}
ul.feature-icons  a[href$='.pdf']::before{
  content: unset;
}


@media screen and (max-width: 736px) {
  ul.feature-icons {
    margin: 0 0 3rem 0;
  }
  ul.feature-icons li {
    width: 100%;
  }
  ul.feature-icons li:nth-child(2) {
    margin-top: 2rem;
  }
}