@charset "UTF-8";
/*ファーストビュー*/
.main-visual__background picture {
  width: 100%;
  height: 100%; }

/*ニュースティッカー*/
#shortcod_section-3 .shortcod-content {
  display: flex;
  align-items: center; }
#shortcod_section-3 .news-cat {
  width: 5em;
  margin-right: 1em;
  background-color: #ed7700;
  color: #fff;
  letter-spacing: -0.02em;
  text-align: center; }
#shortcod_section-3 .ncIcon::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-right: 0;
  background-color: #ed7700; }
#shortcod_section-3 .news-slider {
  position: relative;
  display: flex;
  align-items: center;
  height: 2.5em;
  line-height: 2.5em;
  color: #fff;
  transition: transform 0.5s ease-in-out; }
#shortcod_section-3 .news-item {
  position: relative;
  overflow: hidden;
  height: 2.5em;
  /* 1件分の高さに調整 */ }
  #shortcod_section-3 .news-item a {
    color: #fff; }
#shortcod_section-3 .news-date {
  display: block;
  width: 11em; }
#shortcod_section-3 .news-title {
  width: 100%;
  overflow: hidden;
  /* はみ出た部分を隠す */
  white-space: nowrap;
  /* 折り返しを禁止 */
  text-overflow: ellipsis;
  /* はみ出た部分を省略記号で表示 */ }
@media (max-width: 767px) {
  #shortcod_section-3 .news-date,
  #shortcod_section-3 .ncIcon {
    display: none; } }

/*ネットワークの設置をトータルサポート*/
#link_box_section-3 .c-section-widget__title {
  margin-bottom: 48px; }
#link_box_section-3 .c-section-widget__header {
  max-width: initial; }
#link_box_section-3 .link-box__item-description {
  position: relative;
  text-align: center;
  padding-top: 60%; }
  #link_box_section-3 .link-box__item-description::before, #link_box_section-3 .link-box__item-description::after {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    display: block;
    width: 50%;
    aspect-ratio: 1/1;
    border-radius: 50%; }
  #link_box_section-3 .link-box__item-description::before {
    margin: auto;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 50% auto;
    background-color: #ed7700; }
  #link_box_section-3 .link-box__item-description::after {
    border: 2px solid #ed7700; }
#link_box_section-3 .link-box__item:nth-of-type(1) .link-box__item-description::before {
  mask-image: url("/wp-content/package/page/top/img/handshake.svg?ud53v0pqc"); }
#link_box_section-3 .link-box__item:nth-of-type(2) .link-box__item-description::before {
  mask-image: url("/wp-content/package/page/top/img/wrench.svg?ud53v0pqd"); }
#link_box_section-3 .link-box__item:nth-of-type(3) .link-box__item-description::before {
  mask-image: url("/wp-content/package/page/top/img/reply-all.svg?ud53v0pqi"); }

/*事業内容*/
#link_box_section-4 .link-box__item {
  background-color: #ed7700;
  color: #fff;
  text-align: center; }
  #link_box_section-4 .link-box__item .u-text-align-center {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 343/229;
    border: 1px solid #fff;
    border-radius: 3px 3px 0 0;
    overflow: hidden; }
    #link_box_section-4 .link-box__item .u-text-align-center img {
      border-radius: 0; }
#link_box_section-4 .link-box a {
  color: #fff; }

/*施工事例*/
#post_news_slider_section-3 h3 {
  text-align: center; }

/*会社概要*/
/*メールはこちら*/
#shortcod_section-6 .ncIcon::before {
  background-color: #fff; }
#shortcod_section-6 .ncButton {
  position: relative;
  padding: 2em 0;
  border: solid 1px #fff;
  /*.outline{
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate( -50%, -50%);
  	width:min(80%,300px);
  	opacity: 0;
  	
  	@include mr-small{
  		height: $size6;
  	}
  	
  	@include ls-small{
  		height: $size7;
  	}
  	
  	border-radius: $size0_5;
  	transition: 0.3s all ease-in;
  	outline: solid 3px;
  	outline-offset: -3px;
  	outline-color: rgba(255,255,255,1);
  	
  	&:hover{
  		//outline-color: rgba(255,255,255,0);
  		//outline-offset: 5px;
  		//z-index: 2;
  		//opacity: 1;
  		top: -8px;
  		right: -8px;
  		bottom: -8px;
  		left: -8px;
  	}
  }*/ }
  #shortcod_section-6 .ncButton_btn {
    position: relative;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0;
    color: #ef6b13;
    overflow: visible; }
    #shortcod_section-6 .ncButton_btn span {
      position: relative;
      z-index: 5;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      border-radius: calc(8px * 0.5);
      border-bottom: solid 3px rgba(0, 0, 0, 0.2); }
    #shortcod_section-6 .ncButton_btn::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: calc(8px * 0.5);
      transition: 0.2s all ease-in;
      outline: solid 3px;
      outline-offset: -3px;
      outline-color: white; }
      @media (min-width: 768px) {
        #shortcod_section-6 .ncButton_btn::after {
          height: calc(8px * 6); } }
      @media (max-width: 767px) {
        #shortcod_section-6 .ncButton_btn::after {
          height: calc(8px * 7); } }
    #shortcod_section-6 .ncButton_btn:hover::after {
      outline-offset: 10px;
      outline-color: rgba(255, 255, 255, 0); }