/* CSS Document
上書き専用CSS
*/
@media screen and (min-width: 769px) {
    .sp_only {
      display: none !important;
    }
  }
  @media screen and (max-width: 768px) {
    .pc_only {
      display: none !important;
    }
}
/*MARKETING-5095 プレスリリースの画像作成・配信依頼（NP後払いair/NP掛け払い×ベアーズ ）*/
.single-news blockquote {
    background: #ECF0F2;
    padding: 20px;
}
.single-news blockquote p:last-child {
    margin-bottom: 0;
}
.single-news th {
  text-align: left;
  font-weight:normal;
  position:relative;
  vertical-align: top;
  padding-right: 8px;
}
.single-news td {
	padding-left: 8px;
}
.single-news th::after {
    content:":";
    display: inline-block;
    position:absolute;
    right:0;
    top:0;

}
@media only screen and (max-width: 768px) {
    .single-news th {
        font-weight: bold;
    }
    .single-news td {
        padding-left:0;
        margin-bottom:8px;
    }
}

@media only screen and (max-width: 768px) {
    .wysiwyg p {
        letter-spacing: 0.10em;
        line-height: 1.9
    }
}
.wysiwyg a {
    color: #1eace6;
    font-weight: bold;
    position: relative;
    margin-right: 6px;
    padding-bottom: 2px;
    border-bottom: 1px solid #1eace6;
    padding-bottom: 0.1rem;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
@media only screen and (max-width: 768px) {
    .photo-mv__image{
        height: unset;
    }
    .photo-mv__image img {
        position: unset;
    }
}
@media only screen and (max-width: 768px) {
    .photo-mv__contents {
        padding: 21px 22px 20px;
        bottom: 0;
        left: 0;
        position: unset;
        background: #fff;
        min-height: 200px;
    }
}
@media only screen and (max-width: 768px) {
    .photo-mv.swiper-container {
        height: unset;
    }
}
@media only screen and (max-width: 768px) {
    .photo-mv .swiper-slide {
        overflow: hidden;
        height: unset;
    }
}
.content-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-around;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.content-list::after {
    content:"";
    display: block;
    width: 30.5%;
}
.content-list > li {
    width: 30.5%
}
@media only screen and (min-width: 769px) {
    .content-list > li:not(:nth-last-child(-n+2)) {
        margin-bottom: 28px
    }
	.contact-tel2 {
		background-image: url(../images/page/contact/atobarai_reception_2times.svg) !important;
		background-position: 185px calc(50% - -5px) !important;
		background-size: 280px !important;
	}
}
@media only screen and (max-width: 768px) {
    .content-list{
        justify-content: space-between;
    }
    .content-list > li {
        width: 47.5%;
    }
    .content-list > li:not(:last-child) {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 768px) {
    .content-list__image:after{
        top: 6px;
        left: 6px;
    }
    .content-list__text {
        text-align: center;
    }
}

.content-list__image img {
    width: 100%;
    background-color: #fff;
    border-radius: 100%;
}
.content-list__image:after{
    border-radius: 100%;
}
@media only screen and (min-width: 769px) {
    .content-list__image {
        -webkit-transition: padding 0.6s ease;
        transition: padding 0.6s ease;
    }
}
@media only screen and (min-width: 769px) {
.content-list__image img:hover {
    transform: unset;
    }
}
.ms-tips__inner:before{
    content: "CLOSE";
    font-family: 'Josefin Sans', sans-serif;
    position: fixed;
    font-size: 12px;
    top: 15px;
    right: 15px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width: 769px) {
    /*.point-program {
        padding-bottom: 75px
    }*/
}
@media only screen and (min-width: 769px) {
    #program{
        padding-bottom: 75px;
    }
    .point-program__image {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 30.5%;
    }
}
@media only screen and (max-width: 768px) {
    .point-program .content-list__image{
        width: 48%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 769px) {
    .point-program .section-title {
        width: 65%;
        padding-bottom: 20px;
        border-bottom: 1px solid #D5D5D5;
        margin-bottom: 23px
    }
}
@media only screen and (max-width: 768px) {
    .point-program .section-title__text {
        margin: 12px 0 0px
    }
}
.ms-overlay.is-active .ms-overlay__circle:last-child::after{
    content: "CLOSE";
    font-family: 'Josefin Sans', sans-serif;
    position: absolute;
    top: 10%;
    right: 0%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 768px) {
    .ms-overlay.is-active .ms-overlay__circle:last-child::after{
        content: none;
    }
    .ms-overlay.is-active .ms-overlay__circle:first-child::after{
        content: "CLOSE";
        font-family: 'Josefin Sans', sans-serif;
        position: absolute;
        top: 0%;
        right: 0%;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.2);
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/*20190124 グローバルナビメニュー　一部非表示*/
html[lang=ja] .hide_if_ja, html[lang=zh-Hant] .hide_if_zh-Hant, html[lang=en] .hide_if_en {
	display: none;
}
/*お問い合わせページ改修*/
  .page-id-2537 .wysiwyg ul>li, .page-id-2537 .wysiwyg ol>li{
    padding-left: 0;
  }
  .page-id-2537 .wysiwyg ul>li::before, .page-id-2537 .wysiwyg ol>li::before{
      content: none;
  }
li {
    list-style: none;
  }
  p{
    margin:0;
  }
  .wysiwyg .accordion .inner {display: none; padding:30px;width: 100%;}
  .wysiwyg .accordion{ margin-bottom: 20px;}
  .accordion .inner a{display: block; border: none;position: relative;color: #000;
    padding: 30px;}
.accordion .inner dl{
    padding: 30px;
}
.accordion .inner a dl,.accordion .inner dl a{
    padding: 0;
}
  /*.accordion .inner a:after{position: absolute;right: 10px;
    bottom: 20px;width: 18px; height: 18px;}*/
  .accordion .open .inner {display: block; }
  .accordion p{cursor: pointer; padding: 10px;line-height:85px; font-size: 20px;
    padding-left: 55px;}
  .accordion p.ac1{background: rgba(232, 83, 132, .15);}
  .accordion p.ac2{background: rgba(47, 176, 196, .15);}
  .accordion p.ac3{background: rgba(0, 181, 248, .15);}
  .accordion p.ac4{background: rgba(0, 143, 207, .15);}
  .accordion p.ac5{background: rgb(209,239,245);
  background: -moz-linear-gradient(45deg,  rgba(209,239,245,1) 0%, rgba(253,225,235,1) 100%);
  background: -webkit-linear-gradient(45deg,  rgba(209,239,245,1) 0%,rgba(253,225,235,1) 100%);
  background: linear-gradient(45deg,  rgba(209,239,245,1) 0%,rgba(253,225,235,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1eff5', endColorstr='#fde1eb',GradientType=1 );
  }
  .accordion li{position:relative;margin-bottom: 10px;}
  .accordion .inner li{ padding:0px;border:#C8C8C8 1px solid;font-weight: bold;}
  .accordion .inner p{display: none;}
  .accordion p:after {
      content: "";
      position: absolute;
      right: 3.5rem;
      top: 3rem;
      width: 16px;
      height: 16px;
      background:url(/wp/wp-content/themes/netprotections/assets/images/icons/arrow_down.svg) ;
      background-size: contain;
  }
  .accordion p.current2:after {
    background-image:url(/wp/wp-content/themes/netprotections/assets/images/icons/arrow_up.svg) ;
  }
  .accordion .open p:after {
    background-image:url(/wp/wp-content/themes/netprotections/assets/images/icons/arrow_up.svg) ;
  }
  .accordion .open p.current2:after {
    background-image:url(/wp/wp-content/themes/netprotections/assets/images/icons/arrow_down.svg) ;
  }
  .contact-nav{
      text-align: center;
      display: flex;
      justify-content: space-between;
  }
  .contact-nav dd a{
    display: block;
    border: #C8C8C8 solid 1px;
    width: 180px;
    height: 180px;
    overflow: hidden;
  }
  .contact-ttl-logo{
    display: flex;
    height: 115px;
    align-items: center;
  }
  .contact-ttl-logo dt{
      margin-right: 40px;
  }
  #contact-1{
      border-bottom:3px solid #E85384;
  }
  #contact-2{
      border-bottom:3px solid #2FB0C4;
  }
  #contact-3{
      border-bottom:3px solid #00ABEB;
  }
  #contact-4{
      border-bottom:3px solid #008FCF;
  }
  #contact-5{
      border-bottom:3px solid #434343;
  }
  .accordion .inner dl{display: flex;align-items: center; justify-content: space-between;}
  .accordion .inner dl dt{line-height:2rem;}
  .accordion .inner dl dt span{font-size: 20px;
    font-family: "Josefin Sans";}
    .accordion .inner dl dt h5{
        font-size: 18px;
    }
    .accordion .inner dl dd{
        width: 382px;
    }
    .contact-faq,.contact-faq-24,.contact-mail,.contact-mail-2,.contact-tel,.contact-tel2,.contact-tel-930,.contact-tel-9-18, .contact-tel-11-15, .contact-pdf,.contact-pdf-ec,.contact-pdf-shop,.contact-time {
        background-image: url(/wp/wp-content/themes/netprotections/assets/images/page/contact/faq.svg);
        background-position: 185px calc(50% - 10px);
        background-size: 280px;
    }
    .contact-faq-24{
        background-image: url(/wp/wp-content/themes/netprotections/assets/images/page/contact/faq-24.svg);
    }
    .contact-mail{
        background-image: url(/wp/wp-content/themes/netprotections/assets/images/page/contact/mail.svg);
    }
    .contact-mail-2{
        background-image: url(/wp/wp-content/themes/netprotections/assets/images/page/contact/mail-2.svg);
    }
    .contact-tel{
        background-image: url(/wp/wp-content/themes/netprotections/assets/images/page/contact/tel.svg);
    }
    .contact-tel-930{
        background-image: url(/wp/wp-content/themes/netprotections/assets/images/page/contact/tel-930.svg);
    }
    .contact-tel-9-18 {
    	background-image: url(/wp/wp-content/themes/netprotections/assets/images/page/contact/tel-9-18.svg);
    }
    .contact-tel-11-15 {
        background-image: url(/wp/wp-content/themes/netprotections/assets/images/page/contact/tel_11-15.svg);
    }
    .contact-pdf{
        background-image: url(/wp/wp-content/themes/netprotections/assets/images/page/contact/pdf.svg);
    }
    .contact-pdf-ec{
        background-image: url(/wp/wp-content/themes/netprotections/assets/images/page/contact/pdf-ec.svg);
    }
    .contact-pdf-shop{
        background-image: url(/wp/wp-content/themes/netprotections/assets/images/page/contact/pdf-shop.svg);
    }
    .contact-time{
        background-image: url(/wp/wp-content/themes/netprotections/assets/images/page/contact/time.svg);
    }
    .contact-faq, .contact-faq-24 {
    	border: 3px solid #000 !important;
    }
    .contact-tel .bold,.contact-tel2 .bold,.contact-pdf .bold,.contact-tel-930 .bold,.contact-tel-11-15 .bold,.contact-tel-9-18 .bold{
     font-size: 20px;
    }
	@media only screen and (max-width: 768px) {
		.contact-faq, .contact-faq-24 {
			margin-top: 15px !important;
		}
	}
  @media only screen and (max-width: 768px) {
    .contact-nav{
        text-align: left;
        display: block;
    }
    .contact-nav dd a{
        height: 100px;
        width: 100%;
        position: relative;
        margin-bottom: 25px;
    }
    .contact-nav dd a img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        margin: auto;
    }
    .accordion .inner li{
        margin: 0;
    border-left: none;
    border-top: none;
    border-right: none;
    padding-bottom: 50px;
    }
    .contact-ttl-logo{
        display: block;
        height: auto;
        align-items: center;
      }
      .contact-ttl-logo dt{
        width: 140px;
        height: 50px;
        overflow: hidden;
        position: relative;
        margin-bottom: 20px;
      }
      .contact-ttl-logo dt img{
        width: 140px;
        position: absolute;
        top: 50%;
        left: 45%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        margin: auto;
      }
      .contact-ttl-logo dd{
        margin-bottom: 15px;
      }
      .wysiwyg .accordion .inner{
          padding: 0;
      }
      .accordion p{    font-size: 14px;
        padding: 0 20px;}
        .contact-faq, .contact-mail, .contact-tel, .contact-tel2, .contact-tel-11-15, .contact-pdf, .contact-time{
            background-position: center bottom 20px;
        }
        .accordion p:after{
            right: 1.5rem;
    top: 2.5rem;
        }
        .accordion .inner dl,.accordion .inner a{
            display: block;
            padding: 20px 10px;
        }
        .accordion .inner dl dd{
            width: auto;
            font-size: 12px;
        }
        .accordion .inner dl dt{
            line-height: 1rem;
            margin-bottom: 1rem;
        }
        .accordion .inner dl dt span{
            font-size: 15px;
        }
        .accordion .inner dl dt h5{
            font-size: 14px;
        }
        .contact-tel .bold,.contact-tel2 .bold,.contact-pdf .bold,.contact-tel-930 .bold{
         font-size: 16px;
         line-height: 44px;
        }
        .contact-faq,.contact-faq-24,.contact-mail,.contact-mail-2,.contact-tel,.contact-tel2,.contact-tel-930,.contact-tel-9-18,.contact-tel-11-15,.contact-pdf,.contact-pdf-ec,.contact-pdf-shop,.contact-time {
            background-position: center bottom 12px;
        }
		.contact-tel2 {
            background-image: none;
        }
}
/*20190607 Summer Internship バナーデザイン修正 */
.banner__title-en{
	font-size: 2.143vw;
	margin-bottom: 10px;
}
.banner__title-ja {
	font-size: 2.857vw;
	font-weight: bold;
	margin-bottom: 2.857vw;
}
@media only screen and (max-width: 768px) {
	.banner__title-en {
		font-size: 3.8vw;
		margin-bottom: 5px;
	}
	.banner__title-ja {
		font-size: 3.8vw;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.banner__button {
		/*widthだけ残す*/
		width: 90%;
	}
}
@media only screen and (max-width:768px) {
	/*20190607 recruitページボタン横幅修正継続で残す*/
	.button--transparent {
		width: 90%;
	}
}
/*IR統合時の漏れ戻し*/
@media only screen and (min-width: 768px) {
    .ir .header .logo-mark img {
        width: 200px;
    }
}
@media only screen and (max-width: 768px) {
	.photo-mv {
		height: unset;
	}
}
@media only screen and (min-width: 769px) {
	.contact-tel2 {
		background-image: url(../images/page/contact/atobarai_reception_2times.svg) !important;
		background-position: 185px calc(50% - -5px) !important;
		background-size: 280px !important;
	}
}
.table table {
    width: 100% !important;
}

/** Contact Page CSS **/
.contact {
    padding: 0 20px;
    margin: auto;
    width: 100%;
    max-width: 770px;
}
.contact p {
    font-size: 14px;
}
.note {
    font-size: 12px;
}
.contact-glonav {
    margin: 20.5px auto 30px;
    width: 89.333vw;
    display: block;
}
.contact-nav--item {
    display: flex;
    justify-content: center;
    border-top: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
}
.contact-nav--item:nth-of-type(2) {
    border-top: none;
}
.contact-nav--item p {
    padding: 18px 11px 18px 12px;
    width: 45.067vw;
    position: relative;
    transition: all .5s;
}
.contact-nav--item p:hover {
    background-color: #000;
    color: #fff;
    transition: all .5s;
}
.contact-nav--item a:nth-of-type(1) p {
    border-right: 1px solid #C3C3C3;
}
.contact-nav--item p svg {
    position: absolute;
    right: 11px;
}
.contact-nav--item p:hover svg {
    fill: #fff;
}

/** Contact Page Accordion **/
.accordion-outer {
    width: 100%;
    margin: auto;
    background-color: #ECF0F2;
    padding-top: 20px;
    padding-bottom: 10px;
}
.accordion-img {
    width: 140px;
    height: 33.5px;
    margin: 10px 0 6px 12px;
}
.accordion-img--atone {
    width: 84px;
    height: 22px;
    margin: 16px 0 11px 12px;
}
.accordion-img--corp {
    width: 113px;
    height: 22px;
    margin: 16px 0 11px 12px;
}
.accordion-img--nphd {
    width: 113px;
    margin: 16px 0 11px 12px;
}
.accordion-wrap{
    background-color: #fff;
    margin: auto;
    width: 89.333vw;
}
.accordion-wrap:last-of-type {
    padding-bottom: 21px;
}
.accordion-item{
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
}

.accordion-header{
    font-size: 16px;
    letter-spacing: 1.12px;
    line-height: 24px;
    padding: 22px 0;
    border-bottom: 1px solid #C3C3C3;
    width: 84vw;
    margin: auto;
    transition: ease-in-out 100ms;
    display: flex;
    align-items: center;
}
.accordion-header span {
    display: inline-block;
    font-size: 25px;
    font-family: serif;
    margin-right: 23px;
    margin-left: 9px;
    transition: all .3s;
}
.accordion-wrap:nth-of-type(1) .accordion-header {
    border-top: 1px solid #C3C3C3;
}
.accordion-text-inner {
    background-color: #F9F9F9;
    padding: 0 12px 30px;
    border-bottom: 1px solid #c3c3c3;
    width: 84vw;
    margin: auto;
}
.accordion-wrap:last-of-type .accordion-text-inner {
    border-bottom: none;
}
.accordion-text-inner2 {
    background-color: #F9F9F9;
    padding: 0 12px 0;
    border-bottom: 1px solid #c3c3c3;
    width: 84vw;
    margin: auto;
}
.accordion-contents{
    width: 100%;
    display: none;
    padding: 0;
}
.accordion-heading {
    font-size: 16px;
    font-weight: bold;
    padding: 21px 0 16px;
}
.accordion-heading2 {
    font-size: 16px;
    font-weight: bold;
    padding: 21px 0 16px;
}
.accordion-heading3 {
    font-size: 16px;
    font-weight: bold;
    padding: 21px 0 16px;
}
.accordion-text-inner ul,
.accordion-text-inner2 ul {
    font-size: 12px;
    font-weight: bold;
    background-color: #e8e8e8;
    padding: 6px;
    margin-bottom: 20px;
}
.accordion-txt {
    font-size: 14px;
}
.accordion-btn {
    display: block;
    width: 240px;
    height: 40px;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: auto;
    border-radius: 27px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
    transition: all .5s;
    border: 1px solid #000;
    box-sizing: border-box;
}
.accordion-btn span {
    display: inline-block;
}
.accordion-btn:hover {
    border: 1px solid #000;
    background-color: #FFF;
    color: #000;
    stroke: #000;
    transition: all .5s;
}
.accordion-btn #accordion-icon {
    position: relative;
    right: -12px;
    width: 14px;
    height: 14px;
    vertical-align: unset;
    fill: #fff;
    stroke: #fff;
    transition: all .5s;
}
.accordion-btn:hover #accordion-icon {
    stroke: #000;
    fill: #000;
    transition: all .5s;
}
.dotline {
    border-bottom: 1px dashed #C3C3C3;
}
.fa{
    transition: ease-in-out 300ms;
}

.rotate{
    transform: rotate(45deg);
}
.accordion-header .fa{
    float: right;
    line-height: 35px;
}

.accordion-no-bar{
    border-bottom: 0;
}
.accordion-txt--sm {
    font-size: 12px;
    font-weight: bold;
    line-height: 19px;
}
.accordion-txt--md {
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 30px;
}
.accordion-txt--md2 {
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 16px;
}
.accordion-txt--md3 {
    font-size: 14px;
    margin-top: 12px;
}
.accordion-txt--lg {
    font-size: 18px;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 16px;
}
.accordion-txt--lg2{
    font-size: 18px;
    font-weight: bold;
    margin-top: 12px;
}
.accordion-annotation {
    color: #FF0000;
    font-size: 12px;
}
.accordion-annotation2 {
    color: #FF0000;
    font-size: 12px;
    margin-top: 16px;
    letter-spacing: 0;
}
.accordion-annotation3 {
    color: #FF0000;
    font-size: 12px;
    margin-bottom: 30px;
}
.accordion-annotation--blk {
    font-size: 12px;
    line-height: 19px;
}
.accordion-list {
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 30px;
}
#corp_HD {
    padding-bottom: 50px;
}
/** サービスカラー **/
.atobarai {
    background-color: #fff;
    border-top: 3px solid #E72D84;
    width: 89.333vw;
    margin: auto;
}
.kakebarai {
    background-color: #fff;
    border-top: 3px solid #00ABEB;
    width: 89.333vw;
    margin: auto;
}
.atone {
    background-color: #fff;
    border-top: 3px solid#0099DD;
    width: 89.333vw;
    margin: auto;
}
.corp {
    background-color: #fff;
    border-top: 3px solid#777777;
    width: 89.333vw;
    margin: auto;
}

@media screen and (min-width: 770px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
    .contact {
        width: 980px;
        max-width: none;
        padding: 0;
    }
    .note {
        display: inline-block;
        margin-top: 11px;
    }
    .contact-glonav {
        margin-top: 46px;
        margin-bottom: 46px;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        justify-content: flex-start;
    }
    .contact-nav--item:nth-of-type(2) {
        border-top: 1px solid #C3C3C3;
    }
    .contact-nav--item:nth-of-type(2) a:nth-of-type(1) p {
        border-left: 1px solid #C3C3C3;
    }
    .contact-nav--item p {
        width: 192px;
        text-align: left;
    }
    .accordion-contents {
        padding: 0;
    }
    .accordion-outer {
        display: flex;
        justify-content: flex-start;
        background-color: #fff;
        border-top: 3px solid;
        width: 980px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .accordion-heading {
        padding: 0;
    }
    .accordion-heading2 {
        padding: 0;
    }
    .accordion-heading3 {
        padding: 21px 0 0;
    }
    .accordion-heading-outer {
        display: flex;
        align-items: center;
        padding-top: 20px;
    }
    .accordion-txt {
        margin-top: 20px;
        letter-spacing: .28px;
    }
    .accordion-heading-txt {
        font-size: 12px;
        font-weight: bold;
        margin-left: 20px;
        background-color: #E8E8E8;
        padding: 2px 7px;
        margin-top: 5px;
        letter-spacing: 0;
    }
    .accordion-text-inner {
        padding: 0 45px 30px 50px;
        width: 600px;
    }
    .accordion-text-inner2 {
        padding: 0 45px 0 50px;
        width: 600px;
    }
    .accordion-img {
        margin: 0;
    }
    .accordion-img--atone {
        margin: 6px 0 11px 0px;
    }
    .accordion-wrap {
        width: 600px;
    }
    .accordion-wrap:last-of-type {
        padding-bottom: 41.5px;
    }
    .accordion-header {
        width: 600px;
        transition: all .5s;
    }
    .accordion-header:hover {
        background-color: #f6f6f6;
        transition: all .5s;
    }
    .accordion-wrap:first-of-type .accordion-header {
        padding-top: 22px;
    }
    .accordion-wrap:nth-of-type(1) .accordion-header {
        border-top: none;
    }
    .accordion-txt--sm {
        margin-top: 5px;
        margin-left: 30px;
    }
    .accordion-txt--lg {
        margin-bottom: 12px;
    }
    .accordion-btn {
        width: 300px;
        height: 34px;
        line-height: 34px;
        margin: 30px auto 30px 10px;
    }
    #accordion-icon {
        right: -70px;
    }
    .atobarai {
        width: 140px;
        margin: unset;
        margin-right: 30px;
        border-top: none;
        padding-top: 15px;
    }
    .kakebarai {
        width: 140px;
        margin: unset;
        margin-right: 30px;
        border-top: none;
        padding-top: 15px;
    }
    .atone {
        width: 140px;
        margin: unset;
        margin-right: 30px;
        border-top: none;
        padding-top: 15px;
    }
    .corp {
        width: 140px;
        margin: unset;
        margin-right: 30px;
        border-top: none;
        padding-top: 15px;
    }
    .atobarai-border {
        border-top: 3px solid #E72D84;
    }
    .kakebarai-border {
        border-top: 3px solid #00ABEB;
    }
    .atone-border {
        border-top: 3px solid #0099DD;
    }
    .corp-border {
        border-top: 3px solid #777777;
    }
}
/*MARKETING-6326 【PR仕様統一PJ】エディターのGutenberg移行　/ コーポレート */
.article-content h2 {
    font-size: 28px;
    letter-spacing: 0.10em;
    padding-top: 30px;
    position: relative;
    word-break: break-all;
    margin-bottom: 52px;
}@media only screen and (max-width: 768px) {
  .article-content h2 {
    font-size: 20px;
    letter-spacing: 0.10em;
    padding-top: 29px;
  }
  .accordion-img--nphd {
    width: 206px;
  }
}
.article-content h2::before {
    border-bottom: 1px solid #c3c3c3;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 100%;
}
.article-content h2::after {
    background-color: #036a9f;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 0;
    width: 178px;
}
.article-content h3 {
    font-size: 24px;
    letter-spacing: 0.10em;
    padding-bottom: 37px;
    position: relative;
    word-break: break-all;
}@media only screen and (max-width: 768px) {
  .article-content h3 {
    font-size: 18px;
    padding-bottom: 22px;
  }
}
.article-content h3::after {
    background-color: #036a9f;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 65px;
}
.article-content p {
  line-height: 2.1;
  word-break: break-word;
  overflow-wrap: normal;
}@media only screen and (max-width: 768px) {
  .article-content p {
    letter-spacing: 0.10em;
    line-height: 1.9;
  }
}.article-content a {
  color: #1eace6;
  font-weight: bold;
  margin-right: 6px;
  padding-bottom: 2px;
  position: relative;;
}/*.article-content a::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#1eace6}*/@media only screen and (min-width: 769px) {
  .article-content a::before {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;;
  }.article-content a:hover::before {
    opacity: 0;
  }
}.article-content a[target="_blank"]::after {
  background: url(../images/icons/blank_blue.svg) no-repeat 0 0/contain;
  content: "";
  display: inline-block;
  height: 16px;
  margin-left: 10px;
  vertical-align: text-bottom;
  width: 15px;;
}@media only screen and (max-width: 768px) {
  .article-content a[target="_blank"]::after {
    right: 11px;
  }
}.article-content a[href$=".pdf"]::after {
  background: url(../images/icons/pdf_blue.svg) no-repeat 0 0/contain;
  content: "";
  display: inline-block;
  height: 1px;
  margin-left: 10px;
  width: 15px;;
}@media only screen and (max-width: 768px) {
  .article-content a[href$=".pdf"]::after {
    right: 12px;
  }
}.article-content ul > li, .article-content ol > li {
  line-height: 2.0;
  padding-left: 31px;
  position: relative;;
}@media only screen and (max-width: 768px) {
  .article-content ul > li, .article-content ol > li {
    letter-spacing: 0;
    line-height: 1.8;
    padding-left: 23px;
  }
}.article-content ul > li::before, .article-content ol > li::before {
  border-radius: 50%;
  content: "";
  position: absolute;;
}.article-content ul > li::before {
  background-color: #db539a;
  height: 8px;
  left: 11px;
  top: 10px;
  width: 8px;;
}@media only screen and (max-width: 768px) {
  .article-content ul > li::before {
    height: 7px;
    left: 5px;
    width: 7px;;
  }
}.article-content ol {
  counter-reset: number 0;
}.article-content ol > li {
  counter-increment: number 1;
}.article-content ol > li::before {
  background-color: #000;
  color: #fff;
  content: counter(number);
  font-size: 11px;
  height: 19px;
  left: 6px;
  line-height: 1.8;
  text-align: center;
  top: 4px;
  width: 19px;;
}@media only screen and (max-width: 768px) {
  .article-content ol > li::before {
    font-size: 10px;
    height: 17px;
    left: 0;
    width: 17px;;
  }
}

/*IRパンくずリスト追加*/
.breadcrumb-ir {
    font-size: 13px;
    letter-spacing: 0;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    margin-top: -70px;
    margin-bottom: 60px;
    padding: 29px 0;
    position: relative;
}
.culture .breadcrumb-ir {
    margin-top: -20px;
}
.breadcrumb-ir > ol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 0 15px;
    width: 1010px;
}
.breadcrumb-ir > ol > li:not(:last-child) {
    margin-right: 14px;
}
.breadcrumb-ir > ol > li:not(:last-child)::after {
    content: "＞";
    color:#000;
    margin-left: 8px;
}
.breadcrumb-ir > ol a {
    color: #000;
}
.breadcrumb-ir > ol > li {
    color: #1b6faf;
    white-space: nowrap;
}
@media only screen and (max-width: 768px) {
    .breadcrumb-ir {
        margin-top: -40px;
        margin-bottom: 30px;
    }
    .breadcrumb-ir > ol {
        padding-left: 18px;
        padding-right: 18px;
        width: 100%;
    }
}

/*グロナビ下層表示改修*/
.gnav > ul > li {
    position: relative;
}
.gnav__list {
    position: absolute;
    top: 56px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    width: 280px;
    background: #fff;
    padding: 20px 0 30px;
    visibility: hidden;
    opacity: 0;
    transition: all ease .4s;
}
.gnav .gnav__list > a,
.gnav .gnav__list2 > a {
    color: #000;
}
.gnav__list li {
    position: relative;
    font-weight: bold;
    padding: 12px 0px 3px 40px;
    transition: all ease .4s;
}
.gnav__list li:hover {
    opacity: .6;
}

.gnav__list li::after {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    background-color: rgba(255,255,255,0.7);
    width: 200px;
    height: .5px;
}
.gnav__list2 {
    margin-top: 20px;
}
.gnav__list2 li {
    font-size: 13px;
    font-weight: normal;
}
.gnav > ul > li:hover .gnav__list {
    visibility: visible;
    opacity: 1;
    transition: all ease .4s;
}

.gnav>ul a:hover .gnav__label {
    color: #1b6faf;
}
.gnav__label {
    font-size: 12px;
}

@media screen and (max-width: 768px) {
    .gnav__list {
        position: static;
        top: unset;
        left: unset;
        transform: unset;
        font-size: 10px;
        width: 100%;
        visibility: visible;
        opacity: 1;
    }
    .gnav__list a {
        display: block !important;
        text-align: right;
        min-height: 28px !important;
        padding: 0px 55px 0px 27px !important;
    }
    .gnav__list li {
        font-weight: normal;
        padding: 8px 0px 3px 40px;
    }
    .gnav__list2 li {
        font-size: 10px;
    }

    .gnav__label {
        font-size:15px
    }
}

#canvas-container.u-notUse {
    display: none;
}

/*ir-top改修*/
.ir-t-subtxt-list a:hover {
    font-weight: bold;
    text-decoration: underline;
}
.ir-t-subtxt-list li {
    font-size: 14px;
    line-height: 2;
}

html[lang=en] .ir-t-subtxt-list li #ir_top_bene {
    display: none;
}


.ir-t-subtxt-list span {
    color: #003B83;
    font-weight: 600;
}
@media only screen and (max-width: 768px){
    .ir-t-subtxt-list li {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 8px;
    }
}
/*経営者プロフィール改修*/
.mp-inner {
    margin-bottom: 64px;
}
.mp-heading {
    position: relative;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-top: 120px;
    margin-bottom: 80px;
}
.mp-heading::before {
    position: absolute;
    content: "";
    left: 50%;
    top: -40%;
    transform: translate(-50%, -50%);
    width: 117px;
    height: 7px;
    background-color: #036A9F;
}
.mp-heading:nth-of-type(2):before {
    position: absolute;
    content: "";
    left: 50%;
    top: -40%;
    transform: translate(-50%, -50%);
    width: 119px;
    height: 7px;
    background-color: #A2507D;
}
.mp-heading:nth-of-type(3):before {
    position: absolute;
    content: "";
    left: 50%;
    top: -40%;
    transform: translate(-50%, -50%);
    width: 119px;
    height: 7px;
    background-color: #7873B4;
}
.mp-heading:nth-of-type(4):before {
    position: absolute;
    content: "";
    left: 50%;
    top: -40%;
    transform: translate(-50%, -50%);
    width: 119px;
    height: 7px;
    background-color: #E72D84;
}
.mp-area {
    width: 300px;
}
.mp-txtarea {
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.mp-txtarea img {
    width: 246px;
    height: auto;
}
.mp-titlearea {
    margin-top: 15px;
}
.mp-title {
    position: absolute;
    left: 0;
    font-size: 12px;
    font-weight: bold;
    font-family: "Josefin Sans", sans-serif;
}
.mp-subtitle {
    position: absolute;
    top: 40px;
    left: 0;
    font-size: 28px;
    font-weight: bold;
    font-family: "Josefin Sans", sans-serif;
}
.mp-subtitle.top-60 {
    top: 60px;
}
.btn_container{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.btn_container{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.btn_container--1colomn {
    justify-content: center;
}
.btn_container--2column {
    justify-content: space-around;
}

/* .mp-inner:nth-of-type(6) .btn_container {
    justify-content: flex-start;
} */
.mp-inner:nth-of-type(6) .btn_container .mp-area {
    margin-right: 40px;
}
.mp-inner:nth-of-type(6) .btn_container .mp-area:last-child {
    margin-right: 0;
}
.btn_list{
    position: relative;
    list-style-type: none;
    width: 300px;
    height: 47px;
    line-height: 47px;
    border: 1px solid #000;
    border-radius: 24px;
    background-color: #fff;
    color: #000;
    font-family: "Josefin Sans", sans-serif;
    font-weight: bold;
    text-align: center;
    transition: 0.2s ease;
    cursor: pointer;
}
.btn_list:hover {
    background-color: #000;
    color: #fff;
}
.btn_list.active{
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
}
.tab_container{
    position: relative;
    width: 100%;
}

.tab_list{
    position: relative;
    width: 100%;
    list-style-type: none;
    color: #000;
    background-color: #fff;
    display: none;
    padding: 2em;
    margin-top: 8px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
@media only screen and (max-width: 768px) {
.s_02 .accordion_one {
    width: 300px;
    margin: 0 auto 40px;
    }
    .s_02 .accordion_one .accordion_header {
    font-size: 14px;
    font-family: "Josefin Sans", sans-serif;
    text-align: center;
    width: 300px;
    height: 47px;
    line-height: 47px;
    border: 1px solid #000;
    border-radius: 24px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition-duration: 0.2s;
    }
    .s_02 .accordion_one .accordion_inner {
    display: none;
    padding: 16px;
    width: 300px;
    height: auto;
    background-color: #fff;
    color: #000;
    margin-top: 8px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    }
    .s_02 .accordion_one .accordion_inner p.txt_a_ac {
        font-size: 15px;
    margin: 0;
    }
    .s_02 .accordion_one .accordion_header {
    font-size: 14px;
    text-align: center;
    width: 300px;
    height: 47px;
    line-height: 47px;
    border: 1px solid #000;
    border-radius: 24px;
    }
    .active_btn {
        background-color: #000;
        color: #fff;
        border-radius: 24px 24px 0 0 !important;
    }
    .accordion_header.active {
        background-color: #000;
        color: #fff;
    }
}

    /*IRパンくずリスト追加*/
.breadcrumb-ir {
    font-size: 13px;
    letter-spacing: 0;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    margin-top: -70px;
    margin-bottom: 60px;
    padding: 29px 0;
    position: relative;
}
.breadcrumb-ir > ol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 0 15px;
    width: 1010px;
}
.breadcrumb-ir > ol > li:not(:last-child) {
    margin-right: 14px;
}
.breadcrumb-ir > ol > li:not(:last-child)::after {
    content: "＞";
    color:#000;
    margin-left: 8px;
}
.breadcrumb-ir > ol a {
    color: #000;
}
.breadcrumb-ir > ol > li {
    color: #1b6faf;
}
@media only screen and (max-width: 768px) {
    .breadcrumb-ir {
        margin-top: -40px;
        margin-bottom: 30px;
    }
    .breadcrumb-ir > ol {
        padding-left: 18px;
        padding-right: 18px;
        width: 100%;
    }
}
/* Culture ページ内リンクデザイン修正*/
.mv-links a {
    font-weight: bold;
}
/*Recruit改修*/
.recruit-title p {
    font-size: 14px;
}
.mission,
.about {
    text-align: center;
    margin-bottom: 40px;
    letter-spacing: .1em;
  }
  .about {
      margin: 41px auto 87px;
  }
  .mission h2,
  .about h2 {
    font-size: 28px;
    font-family: "Josefin Sans", sans-serif;
    margin-bottom: 24px;
  }
  .about h2 {
      margin-bottom: 80px;
  }
@media screen and (max-width: 768px) {
    .mission p {
        font-size: 13px;
        text-align: left;
        line-height: 2.1;
    }
    .about {
        margin: 41px auto 50px;
    }
}
  .mission span,
  .about span {
    font-size: 24px;
  }
  .about-txt {
      font-size: 19px;
      margin-bottom: 31px;
  }
  .about-slide {
        width: 100%;
        aspect-ratio: 16/9;
        padding: 20px;
  }
  .seciont-padding-bottom-l{
      padding-bottom: 48px;
  }
  .seciont-padding-top-l{
      padding-top: 24px;
  }
  .banner {
    text-align: center;
    padding: 0 23px;
  }
  .banner .button {
      color: #000;
      margin-bottom: 60px;
  }
  .banner .button:hover {
    color: #fff;
    background-color: #000;
}
  .banner .banner__img {
    width: 940px;
    height: 300px;
    margin: 31px 40px 60px;
    object-fit: cover;
    transition: transform .6s ease, -webkit-transform .6s ease;
  }
  .banner .banner__title {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 80px;
  }
  .banner__txt {
    color: #000;
    font-size: 19px;
    line-height: 2;
  }
  .button-group {
      margin: 0;
  }
.r_media_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 80px;
}
.r_media_content {
    width: 220px;
    text-align: center;
}
.r_media_icon {
    position: relative;
    width: 100%;
    height: 42px;
    border-radius: 24px;
    background-color: #009ef7;
    margin-bottom: 20px;
}
.r_media_icon:hover {
    opacity: .6;
    transition: all 0.3s ease-in;
}
.r_media_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.r_media_icon .twitter {
    width: 25px;
}
.r_media_icon .facebook {
    width: 25px;
}
.r_media_icon .note_i {
    width: 25px;
}
.r_media_icon .wantedly {
    width: 25px;
}
.r_media_content:nth-of-type(2) .r_media_icon {
    background-color: #257CE1;
}
.r_media_content:nth-of-type(3) .r_media_icon {
    background-color: #41c9b4;
}
.r_media_content:nth-of-type(4) .r_media_icon {
    background-color: #21bddb;
}

@media only screen and (min-width: 769px) {
    .divided-content__area {
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 768px) {
    .banner .banner__img {
        width: 100%;
        height: 45vw;
        margin: 31px auto 60px;
      }
    .banner .banner__title {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 40px;
    }
    .banner__txt {
        font-size: 16px;
        display: inline-block;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
    .mission h2,
    .about h2 {
        font-size: 23px;
        margin-bottom: 14px;
    }
    .about h2 {
        margin-bottom: 50px;
    }
    .mission span,
    .about span {
        font-size: 18px;
    }
    .about-txt {
        font-size: 16px;
        display: inline-block;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
    .r_media_area {
        display: block;
        margin-top: 40px;
    }
    .r_media_content {
        width: 100%;
        margin: 0 auto 20px;
    }
    .r_media_icon {
        margin-bottom: 5px;
    }
    .recruit-title p {
        font-size: 13px;
    }
}

/*20200428 MARKETING-4537 の対応で非表示 */
.lackey-button {
    background: url("../images/icons/btn_comprehensive.svg") 50% 50%/contain no-repeat;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    height: 76px;
    overflow: hidden;
    position: fixed;
    right: 24px;
    text-indent: -9999px;
    top: 220px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 76px;
    z-index: 9;;
  }.lackey-button2 {
    background: url("../images/icons/btn_engineer.svg") 50% 50%/contain no-repeat;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    height: 76px;
    overflow: hidden;
    position: fixed;
    right: 24px;
    text-indent: -9999px;
    top: 350px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 76px;
    z-index: 9;;
  }@media only screen and (min-width: 769px) {
    .lackey-button {
      background-image: url("../images/icons/btn_comprehensive.svg");
      height: 108px;
      width: 108px;;
    }.lackey-button:hover,
    .lackey-button2:hover {
      -webkit-box-shadow: 0 6px 16px rgba(0,0,0,0.12);
      box-shadow: 0 6px 16px rgba(0,0,0,0.12);
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px);;
    }
    .lackey-button2 {
      background-image: url("../images/icons/btn_engineer.svg");
      height: 108px;
      width: 108px;;
    }.lackey-button:hover {
      -webkit-box-shadow: 0 6px 16px rgba(0,0,0,0.12);
      box-shadow: 0 6px 16px rgba(0,0,0,0.12);
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px);;
    }
  }@media only screen and (max-width: 768px) {
    .lackey-button {
      bottom: 200px;
      right: 10px;
      top: auto;;
    }
    .lackey-button2 {
      bottom: 110px;
      right: 10px;
      top: auto;;
    }
  }

  .page-id-2507 .wide-button, .button {
    font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"MS Sans Serif","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
    padding: 11px 35px 11px 10px;
  }

  @media only screen and (min-width: 769px) {
    .page-id-2507 .button-group a:not(:last-child) {
        margin-right: 40px;
    }
}

  /*デフォルトのaタグCSS除去*/
  .wysiwyg a::before {
      content: none;
  }

  /*プライバシーポリシーロゴのアイコン非表示*/
.footer__privacy a[target="_blank"]::after {
    content: none;
}

@media only screen and (min-width: 769px) {
    .footer__inner {
        max-width: 1080px;
        margin: auto;
        padding: 84px 0 82px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
.footer__privacy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
    margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
    .footer__privacy {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 32px;
    }
}
@media only screen and (max-width: 425px) {
	.footer__privacy {
		margin: 0 auto 32px;
	}
}
.footer__privacy__01 {
    width: 72px;
    margin-right: 20px;
	padding: 8px;
    background: #fff;
}
@media only screen and (max-width: 768px) {
    .footer__privacy__01 {
        width: 79px;
    }
}
@media only screen and (max-width: 425px) {
	.footer__privacy__01 {
		width: 72px;
		padding: 4px;
	}
}
.footer__privacy__02 {
    width: 104px;
}
.footer__privacy__02 img {
	height: 72px;
}
@media only screen and (max-width: 768px) {
    .footer__privacy__02 {
        width: 114px;
    }
}
@media only screen and (max-width: 425px) {
	.footer__privacy__02 {
		width: 106px;
	}
	.footer__privacy__02 img {
		height: 68px;
	}
}
@media only screen and (max-width: 320px) {
    .footer__privacy__02 img {
		height: 54px;
	}

}
.footer__privacy__03 {
	width: 104px;
    margin-right: 20px;
}
.footer__privacy__03 img {
	height: 72px;
    background: #fff;
    padding: 3px;
}
@media only screen and (max-width: 768px) {
	.footer__privacy__03 {
		width: 114px;
	}
}
@media only screen and (max-width: 425px) {
	.footer__privacy__03 {
		width: 104px
	}
	.footer__privacy__03 img {
		height: auto;
	}
}
.gnav>ul a {
    color: #000;
}
@media only screen and (min-width: 769px) {
    .gnav>ul>li:last-child {
        margin-right: 0;
        border: 0.5px solid rgba(0,0,0,.6);
        margin-top: -8px;
    }
}
.is-top {
    color:#ffffff;
}
/*グロナビ背景色変更*/
.is-top .header, .is-mission .header {
    background: #fff;
}
@media screen and (max-width: 768px) {
    .is-top .header, .is-mission .header {
        background: unset;
    }
}
/* Top修正*/
.section .message {
    margin: 180px auto 50px;
}
/* mission修正*/
.mission-title__en {
    margin-bottom: 25px;
}
/* TOPグラデ調整 */
.bg-container {
    max-width: 100%;
}


.content__fvWrapper {
    margin-top: 0;
    width: 100%;
    height: 300px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.content__fvWrapper .content__fvWrapper__title {
    font-size: 50px;
    line-height: 1.4;
    font-family: "Josefin Sans", sans-serif;

    font-weight: 700;
    line-height: 70px;
    letter-spacing: 0.03em;
    text-align: center;

    color: #fff;
}



/* IRトップ外部アイコン */
.ir-t-subtxt-list a[target="_blank"] {
    position: relative;
}
.ir-t-subtxt-list a[target="_blank"]::after {
    position: absolute;
    content: "";
    background-image: url(/wp/wp-content/themes/netprotections/assets/images/icons/blank.svg);
    width: 14px;
    height: 14px;
    top: 0;
    right: -20px;
}

/*グテーンベルグ対応*/

.single-news .article-body.article-body--blue h2 {
    font-size: 28px;
    letter-spacing: 0.10em;
    padding-top: 30px;
    position: relative;
    word-break: break-all;
    margin-bottom: 52px;
}
.single-news .article-body.article-body--blue h2::before {
    border-bottom: 1px solid #c3c3c3;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 100%;
}
.single-news .article-body.article-body--blue h2::after {
    background-color: #036a9f;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 0;
    width: 178px;
}
.single-news .article-body.article-body--blue h3 {
    font-size: 24px;
    letter-spacing: 0.10em;
    padding-bottom: 37px;
    position: relative;
}
.single-news .article-body.article-body--blue h3::after {
    background-color: #036a9f;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 65px;
}
.single-news .article-body.article-body--blue p {
    line-height: 2.1;
    word-break: break-word;
    overflow-wrap: normal;
    margin-bottom: 52px;
}
.single-news .article-body.article-body--blue a {
    color: #1eace6;
    font-weight: bold;
    position: relative;
    margin-right: 6px;
    padding-bottom: 2px;
    border-bottom: 1px solid #1eace6;
    padding-bottom: 0.1rem;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.single-news .article-body.article-body--blue ol > li {
		padding-left: 31px;
		position: relative;
		line-height: 2
}
@media only screen and (max-width: 768px) {
	.single-news .article-body.article-body--blue ol > li {
				line-height: 1.8;
				letter-spacing: 0;
				padding-left: 23px
		}
}
.single-news .article-body.article-body--blue ol > li::before {
		content: "";
		position: absolute;
		border-radius: 50%
}
.single-news .article-body.article-body--blue ol {
		counter-reset: number 0
}
.single-news .article-body.article-body--blue ol > li {
		counter-increment: number 1
}
.single-news .article-body.article-body--blue ol > li::before {
		content: counter(number);
		top: 4px;
		left: 6px;
		width: 19px;
		height: 19px;
		text-align: center;
		background-color: #036a9f;
		font-size: 11px;
		line-height: 1.8;
		color: #fff
}
@media only screen and (max-width: 768px) {
		.single-news .article-body.article-body--blue ol > li::before {
				left: 0;
				width: 17px;
				height: 17px;
				font-size: 10px
		}
}

/*  wordpress　初期設定
********************************/ß
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 0px;
	margin: 0 0 15px 15px;
	display: inline;
}
 img.alignleft {
	padding: 0px;
	margin: 0 15px 15px 0;
	display: inline;
}
 .alignright {
	float: right;
}
.alignleft {
	float: left;
}
img {
    height: auto;
}

/* 個人投資家向けページ：アコーディオン */
/*====================================================================
.s_06 .accordion_one
====================================================================*/
.s_06 .accordion_one {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
  }
  .s_06 .accordion_one .accordion_header {
    color: #000;
    font-size: 26px;
    font-weight: bold;
    border-top: 1px solid #C8C8C8;
    margin: 0 0 -1px;
    padding: 20px 24px 24px;
    text-align: center;
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .s_06 .accordion_one:last-of-type .accordion_header {
    border-bottom: 1px solid #C8C8C8;
  }
  .s_06 .accordion_one .accordion_header img {
      vertical-align: middle;
  }
  .s_06 .accordion_one:nth-of-type(1) .accordion_header img {
    height: 24px;
}
  .s_06 .accordion_one:nth-of-type(2) .accordion_header img {
      height: 27px;
  }
  .s_06 .accordion_one:nth-of-type(3) .accordion_header img {
    height: 28px;
}
.s_06 .accordion_one:nth-of-type(4) .accordion_header img {
    height: 24px;
}
  .s_06 .accordion_one .accordion_header img {
      width: auto;
      height: 32px;
  }
  .s_06 .accordion_one .accordion_header:hover {
    opacity: .8;
  }
  .s_06 .accordion_one .accordion_header.active {
      background-color: #f7f7fa;
  }
  .s_06 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
  }
  .s_06 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
  }
  .s_06 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .s_06 .accordion_one .accordion_header .i_box .one_i:before, .s_06 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #000;
    border-radius: 10px;
    width: 18px;
    height: 2px;
    position: absolute;
    top: 2px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
  }
  .s_06 .accordion_one .accordion_header .i_box .one_i:before {
    width: 2px;
    height: 18px;
    top: -6px;
    left: 8px;
  }
  .s_06 .accordion_one .accordion_header.open .i_box .one_i:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .s_06 .accordion_one .accordion_header.open .i_box .one_i:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .s_06 .accordion_one .accordion_inner {
    display: none;
    padding: 0 30px 30px;
    box-sizing: border-box;
    background-color: #f7f7fa;
  }
  .s_06 .accordion_one .accordion_inner .box_one {
    background-color: #fff;
  }
  .s_06 .accordion_one .accordion_inner p.txt_a_ac {
    margin: 0;
  }
  .s_06 .accordion_one .accordion_inner .closeArea {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 80px;
  }
  .s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    border-radius: 28px;
    padding: 18px 15px 12px 20px;
    text-decoration: none;
    line-height: 1.3;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Josefin Sans', sans-serif;
    position: relative;
    cursor: pointer;
    width: 300px;
    height: 47px;
    transition: all .3s ease-in;
    margin: auto;
    text-align: center;
  }
  .s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover {
    color: #fff;
    background-color: #000;
  }
  .ir_investor-service-top {
    text-align: center;
    font-size: 26px;
    margin: auto;
  }
  .ir_investor-service-top a {
    display: inline-block;
    width: calc(100% - 200px);
    padding: 18px;
    margin: auto;
    border: 1px solid #000;
    border-radius: 40px;
  }
  @media screen and (max-width: 1024px) {
    .s_06 .accordion_one .accordion_header {
      font-size: 18px;
    }
    .s_06 .accordion_one .accordion_header .i_box {
      width: 30px;
      height: 30px;
      margin-top: -15px;
    }
    .s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
      font-size: 14px;
    }
  }
  @media screen and (max-width: 767px) {
    .s_06 .accordion_one .accordion_header {
      font-size: 16px;
      padding: 15px;
    }
    .s_06 .accordion_one .accordion_inner {
        padding: 0 15px 30px;
    }
    .s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
        width: 260px;
    }
    .ir_investor-service-top a {
        width: 100%;
        font-size: 18px;
    }
  }
  @media screen and (max-width: 320px) {
    .s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
        width: 220px;
    }
  }
  /* ページスクロールトップ */
  @media screen and (max-width: 768px) {
    .footer {
        z-index: 0;
    }
    #page_top{
        width: 32px;
        height: 32px;
        position: fixed;
        right: -50px;
        bottom: 50px;
        background: #ccc;
        border-radius: 50%;
        z-index: 1;
      }
      #page_top a{
        position: relative;
        display: block;
        width: 32px;
        height: 32px;
        text-decoration: none;
      }
      #page_top a::before{
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: '\f106';
        font-size: 25px;
        color: #fff;
        position: absolute;
        width: 32px;
        height: 32px;
        top: -6px;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        text-align: center;
      }
  }
/* 個人投資家の皆様へページ */
.investor_only {
    width: 100%;
    padding: 0;
    margin-top: 110px;
}
.investor_bnpl {
    text-align: center;
    line-height: 2;
    margin-top: 110px;
}
.investor_bnpl h2 {
    font-size: 28px;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 1;
    margin-bottom: 24px;
}
.investor_smalltxt {
    font-size: 10px;
    margin-top: 40px;
    margin-bottom: 100px;
}
.investor_smalltxt2 {
    font-size: 10px;
    margin-bottom: 80px;
}
.investor_midlletxt {
    font-size: 18px;
    font-weight: bold;
}
.investor_mission {
    text-align: center;
    line-height: 2;
    background: #FAFAFA;
}
.investor_mission h3 {
    font-size: 24px;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 1.2;
    padding-top: 60px;
}
.investor_mission_heading {
    font-size: 28px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
    line-height: 1;
    margin: 35px auto 24px;
}
.im_contentsarea {
    display: flex;
    justify-content: space-between;
    width: 900px;
    margin: 60px auto 0;
    padding-bottom: 60px;
    text-align: left;
}
.im_contents {
    width: 430px;
    background: #fff;
    line-height: 1;
    padding: 23px;
}
.im_contents:nth-of-type(1) img {
    width: auto;
    height: 120px;
    margin-bottom: 20px;
}
.im_contents:nth-of-type(2) img {
    width: auto;
    height: 120px;
    margin-bottom: 20px;
}
.im_contents p:first-of-type {
    text-align: center;
    color: #777777;
}
.im_contents p:nth-of-type(2) {
    font-size: 16px;
    font-weight: bold;
    margin: 16px auto 32px;
    letter-spacing: 0;
}
.im_contents p:nth-of-type(3) {
    line-height: 1.57;
}
.investor_service {
    text-align: center;
    line-height: 2;
    margin-top: 170px;
}
.investor_bnpl p img {
    width: 780px;
    height: auto;
    margin-top: 40px;
}
.investor_value p img {
    width: 780px;
    margin-top: 50px;
}
.investor_value .value_img {
    width: 780px;
    height: auto;
    margin-bottom: 100px;
}
.investor_service p img {
    width: 780px;
    height: auto;
    margin-top: 40px;
    margin-bottom: 80px;
}
.page-template-page-ir-new_investor-superiority .investor_service p img {
    width: 780px;
    height: auto;
    margin-top: 40px;
    margin-bottom: 20px;
}
.page-template-page-ir-new_investor-superiority .investor_service:last-of-type p img {
    margin-bottom: 107px;
}
.investor_service:nth-of-type(2) p img {
    margin-bottom: 20px;
}
.investor_service h3 {
    position: relative;
    font-size: 32px;
    line-height: 1.18;
    margin-bottom: 60px;
}
.investor_service h3::before {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 119px;
    height: 7px;
    background-color: #036A9F;
}
.investor_service:nth-of-type(2) .im_btn {
    margin-bottom: 103px;
}
.im_btn {
    font-size: 14px;
    font-weight: bold;
    width: 300px;
    height: 47px;
    line-height: 47px;
    padding: 0;
    transition: all .3s ease-in;
}
.im_btn:hover {
    color: #fff;
    background-color: #000;
}
.background_gray {
    background-color: #FAFAFA;
    padding: 60px 0;
}
.investor_value {
    text-align: center;
    line-height: 2;
    margin-top: 80px;
}
.investor_value h3 {
    position: relative;
    font-size: 32px;
    line-height: 1.18;
    margin-top: 157px;
    margin-bottom: 60px;
}
.investor_value h3::before {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 119px;
    height: 7px;
    background-color: #036A9F;
}
.value_outer {
    padding: 40px 60px 80px;
}
.value_inner img {
    width: 780px;
    height: auto;
    margin-top: 40px;
}
.value_inner p span {
    font-weight: bold;
}
.value_heading {
    font-size: 28px;
    font-weight: bold;
    font-family: 'Josefin Sans', sans-serif;
    margin-bottom: 40px;
}
.value_subheading {
    position: relative;
    font-size: 26px;
    font-weight: bold;
    margin: 50px auto 49px;
}
.value_subheading::after {
    position: absolute;
    left: 0;
    bottom: -17px;
    content: "";
    width: 300px;
    height: 1px;
    background-color: #C8C8C8;
}
.value_btxt {
    font-weight: bold;
    margin: 32px auto 30px;
}
.value_txt {
    line-height: 1.57;
    margin-top: 50px;
}
.value_smalltxt {
    font-size: 10px;
    margin: 10px auto 80px;
}
.value_smalltxt2 {
    font-size: 10px;
    margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
    .investor_only {
        margin-top: 80px;
    }
    .im_contentsarea {
        display: block;
        width: 100%;
        padding-bottom: 0;
    }
    .im_contents {
        width: 100%;
    }
    .investor_bnpl {
        margin-top: 80px;
    }
    .investor_service {
        margin-top: 120px;
    }
    .investor_bnpl,
    .investor_mission {
        padding: 40px 15px;
    }
    .investor_bnpl p,
    .investor_mission p,
    .investor_service p,
    .investor_value p {
        text-align: left;
    }
    .investor_mission_heading {
        text-align: center !important;
    }
    .investor_mission h3 {
        padding-top: 0;
    }
    .investor_service h3 {
        font-size: 30px;
    }
    .value_outer {
        padding: 40px 15px 80px;
    }
    .value_heading {
        font-size: 24px;
    }
    .value_subheading {
        font-size: 22px;
    }
    .value_subheading::after {
        width: 150px;
    }
}
@media screen and (max-width: 320px) {
    .im_btn {
        width: 220px;
    }
}

/*MARKETING-7208 プライバシーポリシー改定に伴う個人情報関連ページの改修 | コーポレート*/
@media screen and (min-width: 770px) {
	#terms-contents .wysiwyg>*:not(:last-child) {
		margin: 0;
	}
	#terms-contents .accordion-wrap {
		width: 100%;
	}
	#terms-contents .accordion-header {
		width: 100%;
		padding: 25px;
		display: flex;
		justify-content: space-between;
	}
	#terms-contents .accordion-header span {
		margin: 0;
	}
	#terms-contents .accordion-text-inner {
    padding: 25px;
    width: 100%;
	}
	#terms-contents h4,#terms-contents p, #terms-contents ol{
		margin-bottom: 30px;
	}
	#terms-contents .box-group p {
		margin-bottom: 19px;
	}
	#terms-contents .box-group p:last-child {
		margin-bottom: 0px;
	}
	#terms-contents.article-body>*:not(.round-title):not(.middle-title):not(:last-child) {
		margin: 0;
	}
	#terms-contents .numbering-contents {
		counter-reset: h4;
	}
	#terms-contents .numbering-contents h4::before {
	  counter-increment: h4;
	  content: counter(h4) ". ";
	}
	#terms-contents .numbering-contents ul.num-brackets {
		background-color: transparent;
		counter-reset: num-brackets;
		padding: 0;
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 52px;
	}
	#terms-contents .numbering-contents ul.num-brackets li::before {
		background-color: transparent;
		top: auto;
		left: 0;
		width: auto;
		height: auto;
		color: #111;
		counter-increment: num-brackets 1;
  		content: "（"counter(num-brackets) "） ";
	}
	#terms-contents .numbering-contents ol.num-round {
		counter-reset: num-round 0;
		margin-bottom: 0;
	}
	#terms-contents .numbering-contents ol.num-round li::before {
		background-color: #036a9f;
		top: 4px;
		left: 6px;
		width: 19px;
		height: 19px;
		counter-increment: num-round 1;
  		content: ""counter(num-round) "";
		color: #fff;
	}
	#terms-contents .numbering-contents ul.list-disc {
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 54px
	}
	#terms-contents .numbering-contents ul.list-disc li::before {
		background-color: #036a9f;
		top: 10px;
		left: 11px;
		width: 8px;
		height: 8px;
		counter-increment:none;
  		content: "";
	}
	#terms-contents .box-group{
		margin-top: 80px;
	}
	#terms-contents .pmark-block {
		display: flex;
	}
	#terms-contents .pmark-block .image-box {
		margin-left: 20px;
	}
	#terms-contents .wysiwyg .pmark-block a {
		border-bottom: none;
	}
	#terms-contents .wysiwyg .pmark-block a[target=_blank]::after {
		display: none;
	}
	#terms-contents .table--wide table th, #terms-contents .table--wide table td {
		font-size: 14px!important;
	}
}

@media only screen and (max-width: 768px) {
	#terms-contents .wysiwyg>*:not(:last-child) {
		margin-bottom: 0;
	}
	#terms-contents.article-body>*:not(.round-title):not(.middle-title):not(:last-child) {
		margin: 0;
	}
	#terms-contents .accordion-header {
		width: 100%;
		align-items: unset;
   		justify-content: space-between;
		padding: 15px;
	}
	#terms-contents .accordion-header span {
		margin: 0;
	}
	#terms-contents .accordion-text-inner {
		padding: 15px;
		width: 100%
	}
	#terms-contents h4,#terms-contents p, #terms-contents ol{
		margin-bottom: 39px;
	}
	#terms-contents .box-group p {
		margin-bottom: 19px;
	}
	#terms-contents box-group p:last-child {
		margin-bottom: 0px;
	}
	#terms-contents.article-body>*:not(.round-title):not(.middle-title):not(:last-child) {
		margin: 0;
	}
	#terms-contents .numbering-contents {
		counter-reset: h4;
	}
	#terms-contents .numbering-contents h4::before {
	  counter-increment: h4;
	  content: counter(h4) ". ";
	}
	#terms-contents .numbering-contents ul.num-brackets {
		background-color: transparent;
		counter-reset: num-brackets;
		padding: 0;
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 52px;
	}
	#terms-contents .numbering-contents ul.num-brackets li {
		padding-left: 30px;
	}
	#terms-contents .numbering-contents ul.num-brackets li::before {
		background-color: transparent;
		top: auto;
		left: 0;
		width: auto;
		height: auto;
		color: #111;
		counter-increment: num-brackets 1;
  		content: "（"counter(num-brackets) "） ";
	}
	#terms-contents .numbering-contents ol.num-round {
		counter-reset: num-round 0;
		margin-bottom: 0;
	}
	#terms-contents .numbering-contents ol.num-round li {
		padding-left: 30px;
	}
	#terms-contents .numbering-contents ol.num-round li::before {
		background-color: #036a9f;
		top: 4px;
		left: 6px;
		width: 19px;
		height: 19px;
		counter-increment: num-round 1;
  		content: ""counter(num-round) "";
		color: #fff;
	}
	#terms-contents .numbering-contents ul.list-disc {
		font-size: 14px;
		font-weight: normal;
		margin-bottom:39px
	}
	#terms-contents .numbering-contents ul.list-disc li::before {
		background-color: #036a9f;
		top: 10px;
		left: 11px;
		width: 8px;
		height: 8px;
		counter-increment:none;
  		content: "";
	}
	#terms-contents .box-group{
		margin-top: 60px;
	}
	#terms-contents .pmark-block {
		display: block;
	}
	#terms-contents .pmark-block .image-box {
		margin-left: 0;
	}
	#terms-contents .wysiwyg .pmark-block a {
		border-bottom: none;
		text-align: center;
    	display: block;
	}
	#terms-contents .wysiwyg .pmark-block a[target=_blank]::after {
		display: none;
	}
	.table--wide table tbody tr:not(:last-child) {
		border-bottom: none;
	}
	#terms-contents table tbody th:not(:last-child), #terms-contents table tbody td:not(:last-child) {
		border-right: none;
		display: block;
		width: auto!important;
	}
	#terms-contents table td {
		width: auto!important;
		display: block;
		padding: 0;
		height: auto!important;
	}
	#terms-contents .table--wide table th, #terms-contents .table--wide table td {
		font-size: 14px!important;
	}
}
/* 英語切り替え時の単語単位での改行を対応 */
.gradation-mv__title,
.gradation-mv__title-sub,
.article-title-middle {
    word-break: break-word;
    overflow-wrap: normal;
}

/* MARKETING-7871  (corp-web)(Dev)コーポレートサイトのフッター内にメディアリンク設置 */
.sns_area {
    background: #F5F5F5;
}
.sns_area div {
    display: flex;
    width: 1010px;
    margin: auto;
    padding: 32px;
}
.sns_area div ul {
    display: flex;
    align-items: center;
}
.sns_area div .sns_icn {
    margin-right: 40px;
}
.sns_area div .sns_icn a {
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.sns_area div .sns_icn a:hover {
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    opacity: .6;
}

.sns_icn .img__icn--twitter {
    width: 40px;
}

.sns_icn .img__icn--facebook {
    width: 40px;
}

.sns_icn .img__icn--note {
    width: 80px;
}

.sns_icn .img__icn--wantedly {
    width: 50.7px;
    margin-right: 192px;
}


/* .sns_area div li:nth-of-type(2) {
    margin-right: 43px;
}
.sns_area div li:nth-of-type(3) {
    margin-right: 41.47px;
}
.sns_area div li:last-of-type {
    margin-right: 192px;
} */
.sns_area div p {
    color: #9c9c9c;
    font-size: 28px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
    letter-spacing: .56px;
}

.t-section__inner {
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .sns_area div {
        flex-direction: column-reverse;
        width: auto;
        text-align: center;
    }
    .sns_area div li:last-of-type {
        margin-right: 0;
    }
    .sns_area div ul {
        justify-content: center;
    }
    .sns_area div p {
        margin-bottom: 32px;
    }
    .sns_icn .img__icn--wantedly {
        margin-right: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .sns_area div {
        width: auto;
    }
}

/* MARKETING-8184 NPHD 個人情報関連ページの作成　Ph1：コーディング */
.sub_title {
    display: block;
    font-size: 22px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .sub_title {
        font-size: 16px;
    }
}

/* MARKETING-8185 NPHD 個人情報関連ページの作成　Ph2：コーディング */
.list__info__heading {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    display: block;
    width: 100%;
}

.list__info__link {
    padding-left:1em;
	text-indent:-1em;
}

@media only screen and (max-width: 768px) {
    .list__info__link {
        padding-left: 0;
	    text-indent: -0;
    }
}

@media only screen and (max-width: 768px) {
    .footer__list__info {
        padding: 30px 30px 17px 25px;
    }
}

@media only screen and (max-width: 768px) {
    .footer__list__info ul li a {
        padding-left: 9px;
    }
}

@media only screen and (max-width: 768px) {
    .footer__list__info ul li {
        min-width: unset;
        margin-right: 10px;
    }
}

@media only screen and (min-width: 769px) {
    .footer__list__info li {
        padding-left: 20px;
    }
}

/* MARKETING-8211 (corp-web)(Dev)IRページの上部にIRニュースを設置 */
/*******
共通クラスのCSSを限定的に上書きするためにir-newsクラスを付与
*******/
@media only screen and (min-width: 769px) {
     .article-body.ir-news,
    .ir-news .archive-news {
        padding: 0;
        margin-bottom: 80px;
    }
    .article-body.ir-news > *:not(.round-title):not(.middle-title):not(:last-child) {
        margin-bottom: 60px;
    }
}

.article-body.ir-news,
.ir-news .archive-news {
    margin-bottom: 60px;
}

.article-body.ir-news > *:not(.round-title):not(.middle-title):not(:last-child) {
    margin: 0 20px 60px;
}

#terms-contents .wysiwyg .privacy_link {
    display: block;
    border: none;
    padding-left: 25px;
    margin-top: 25px;
}
@media only screen and (max-width: 768px) {
    #terms-contents .wysiwyg .privacy_link {
        padding-left: 15px;
        padding-right: 15px;
        margin-right: 0;
    }
}
/*** IRTOPリニューアル ここから ***/
/* ir全体コンテンツ領域の横幅設定とマージン設定 */
.ir-inner {
    width: 100%;
    max-width: 980px;
    margin: 0 auto 80px;
    letter-spacing: 1.4px;
}
.ir-inner-investor {
    width: 100%;
    max-width: 980px;
    margin: 0 auto 120px;
}
.ir-management {
    margin-bottom: 60px;
}
.button {
    letter-spacing: 0.03em;
}
@media only screen and (max-width: 768px) {
    .ir-inner,
    .ir-inner-investor {
        padding: 0 23px;
    }
    .ir-inner--sp {
        margin-bottom: 176px;
    }
    .ir-inner--sp.eir-adjust {
        margin-bottom: 60px;
    }
    .ir-management {
        margin-bottom: 40px;
    }
}
/* ir-top 上部セクション ここから */
.ir-top-section {
    display: flex;
    justify-content: space-between;
}
.ir-top-section div {
    overflow: hidden;
}
.ir-top-section img {
    width: 100%;
    max-width: 305px;
    border-radius: 4px 4px 0px 0px;
    transition: all .3s ease-in;
}
.ir-top-section p {
    position: relative;
    background: #000;
    color: #fff;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid transparent;
    border-radius: 0px 0px 4px 4px;
    box-sizing: border-box;
    transition: all .3s ease-in;
    max-width: 305px;
    z-index: 2;
}
.ir-top-section a {
    border-radius: 4px 4px 0px 0px;
    overflow:hidden;
    transition: all .3s ease-in;
    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
}
.ir-top-section a:hover img {
    transition: all .3s ease-in;
    transform:scale(1.1);
}
.ir-top-section a:hover p {
    color: #000;
    background: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
}
.ir-top-section span {
    font-size: 24px;
    line-height: 1;
    margin-right: 4px;
}

.ir_top_singleBnr {
    margin: 54px auto;
    text-align: center;
}

.ir_top_singleBnr a {
    display: inline-block;
    width: 560px;
    height: 80px;
    border: 1px solid #C3C3C3;
}

.ir_top_singleBnr a:hover {
    opacity: 0.6;
}

@media only screen and (max-width: 768px)  {
    .ir-top-section {
        display: block;
        margin-bottom: 0;
    }
    .ir-top-section div {
        margin-bottom: 24px;
    }
    .ir-top-section a:last-of-type div {
        margin-bottom: 0;
    }
    .ir-top-section img {
        width: 100%;
        max-width: unset;
    }
    .ir-top-section p {
        max-width: unset;
    }

    .ir_top_singleBnr {
        margin: 46px auto;
    }
    .ir_top_singleBnr a {
        width: 100%;
        height: auto;
    }
    .ir_top_singleBnr a img {
        width: 100%;
    }
}
/* ir-top 上部セクション まで */

/* ニュースタブ　ここから */
.tab_box {
    position: relative;
}
.tab_box .button {
    position: absolute;
    top: -4px;
    right: 0;
    font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"MS Sans Serif","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    width: auto;
    padding: 14px 37px;
}
.tab_box .btn_area {
	display: -webkit-box;
	display: flex;
    border-bottom: 1px solid #000;
}

.tab_box .tab_btn {
	padding: 16px 24px;
	color: #000;
    font-weight: bold;
	text-align: center;
	cursor: pointer;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-radius: 8px 8px 0px 0px;
	transition: all 0.2s ease 0s;
}

.tab_box .tab_btn + .tab_btn {
	margin-left: 8px;
}

.tab_box .tab_btn.active {
    background:#000;
    color:#fff;
}

.tab_box .panel_area {
    padding: 16px 0 0;
}

.tab_box .tab_panel {
    display:none;
}

.tab_box .tab_panel.active {
    display:block;
}
.tab_box .relating-news__item__heading {
    margin-bottom: 6px;
}
.tab_box .relating-news__item {
    padding: 10px 50px 10px 20px;
}
.ir-latest-area {
    position: relative;
    background: #f6f6f6;
    margin-top: 80px;
}
.ir-latest-area .border-heading::before {
    width: 100%;
    background: #003B83;
}
.ir-latest-area .button {
    top: 9px;
    right: 20px;
}
.ir-latest-area .eir_area_area_latest_quarter_032 {
    padding: 0 20px 24px;
}
.ir-inner .ir-latest-area .border-heading {
    margin-bottom: 16px;
    padding-left: 24px;
}
.tab_panel .eir_area_area_top_002 {
    position: relative;
    margin-bottom: 0;
}
.ir-latest-area .s_eirItem {
    align-items: center;
    height: 100%;
}
@media only screen and (max-width: 768px) {
    .ir-inner .relating-news {
        border-top: none;
        padding-top: 16px;
        margin-bottom: 176px;
    }
    .tab_box .tab_btn {
        padding: 16px 20px;
    }
    .tab_box .panel_area {
        padding: 0;
    }
    .tab_box .button {
        top: unset;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        bottom: -91px;
        width: 300px;
    }
    .tab_box .btn_area {
        justify-content: center;
    }
    .tab_panel .eir_area_area_top_002 {
        margin-bottom: 176px;
    }
    .ir-latest-area {
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
    }
    .ir-latest-area ~ .button {
        height: max-content;
        bottom: 495px;
    }
    .ir-latest-area .eir_area_area_latest_quarter_032 {
        padding: 0 20px 176px;
    }
    .ir-latest-area .button {
        width: 300px;
        height: auto;
        bottom: 80px;
        top: unset;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }
}
/* ニュースタブ　ここまで */
.ir-inner .border-heading,
.ir-inner-investor .border-heading {
    font-size: 28px;
    line-height: 42px;
    padding-top: 20px;
    padding-left: 10px;
    margin-bottom: 48px;
}
.border-heading--navy::before {
    background-color: #003B83;
}
.ir-inner .relating-article__text h2, .relating-article__text h3, .relating-article__text h4 {
    font-size: 20px;
    margin-bottom: 16px;
}
@media only screen and (min-width: 769px) {
    .relating-blog>li:last-of-type {
        margin-top: 3px;
    }
}
@media only screen and (max-width: 768px) {
    .ir-inner .border-heading,
    .ir-inner-investor .border-heading {
        font-size: 20px;
        line-height: 30px;
        padding-left: 0;
    }
    .ir-inner .relating-article__text {
        padding: 0;
    }
    .ir-inner .ir-contentsarea>li:not(:last-child) {
        margin-bottom: 40px;
    }
    .ir-inner .ir-contentsarea>li:last-of-type .ir-t-subtxt-list li:last-of-type {
        margin-bottom: 0;
    }
}
.ir-cta {
    width: 100%;
    max-width: 980px;
    margin: 0 auto 125px;
}
@media only screen and (max-width: 768px) {
    .ir-cta.eir-adjustment {
        margin-bottom: 60px;
    }
}
.ir-cta-area .button {
    position: relative;
    top: -4px;
    right: 0;
    color: #fff;
    font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"MS Sans Serif","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    width: 300px;
    margin: 60px auto;
    padding: 14px 37px;
    background-color: #000;
}

.ir-schedule {
    position: relative;
}
.ir-schedule .button {
    position: absolute;
    top: 19px;
    right: 0;
    font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"MS Sans Serif","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    width: auto;
    padding: 14px 37px;
}
.ir-schedule img {
    width: 100%;
    margin: auto;
}
@media only screen and (max-width: 768px) {
    .ir-schedule .button {
        top: unset;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        bottom: -111px;
        width: 300px;
    }
}
.sub-page-area {
    display: flex;
    justify-content: center;
    border: 1px solid #C3C3C3;
    box-sizing: border-box;
    padding: 7px 0;
}
.sub-page-area a {
    font-size: 12px;
    line-height: 26px;
    padding: 0 12px;
}
.sub-page-area a:hover {
    font-weight: 600;
    text-decoration: underline;
}
@media only screen and (max-width: 768px) {
    .sub-page-area {
        flex-direction: column;
        padding: 24px;
    }
    .sub-page-area a {
        font-size: 13px;
        line-height: 2;
        padding: 0;
        margin-bottom: 8px;
    }
    .sub-page-area a:last-of-type {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 768px) {
    .gnav>ul .gnav__ttl {
        color: #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 600;
        font-size: 14px;
        line-height: 30px;
        min-height: 58px;
        padding: 13px 55px 10px 37px;
        position: relative;
        background-color: #F6F6F6;
        border-bottom: 1px solid #c9c9ce;
    }
    .gnav>ul .gnav__ttl:first-of-type {
        border-top: 1px solid #c9c9ce;
    }
    .gnav>ul .gnav__ttl:last-of-type {
        border-bottom: none;
    }
    .gnav>ul .gnav__ttl::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 30px;
        margin-top: -4px;
        width: 10px;
        height: 10px;
        background: url(../images/header/plus_btn.svg) no-repeat 50% 50%/contain;
    }
    .gnav>ul .gnav__link {
        font-size: 14px;
        font-weight: 600;
        background-color: #919191;
        border-bottom: 1px solid #fff;
    }
    .gnav>ul .gnav__link:last-of-type {
        border-bottom: none;
    }
    .gnav>ul .gnav__link a {
        color: #fff;
    }
    .gnav>ul .gnav__ttl.open::after {
        background: url(../images/header/minus_btn.svg) no-repeat 50% 50%/contain;
    }
    .gnav>ul .gnav__link a::after {
        background: url(../images/header/arrow_white.svg) no-repeat 50% 50%/contain;
    }
    .gnav>ul .gnav__ttl.btn__plus::after {
        background: url(../images/header/arrow.svg) no-repeat 50% 50%/contain;
    }
    .gnav>ul a.btn__plus::after {
        background: url(../images/header/plus_btn.svg) no-repeat 50% 50%/contain;
        width: 10px;
        height: 10px;
        right: 30px;
    }
    .gnav>ul .gnav__link a {
        padding: 13px 55px 10px 47px;
    }
    #gnav div.open a.btn__plus::after {
        background: url(../images/header/minus_btn.svg) no-repeat 50% 50%/contain;
    }
    #gnav div a {
        pointer-events: none;
    }
}
.gnav>ul .megamenu {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: 880px;
    top: 56px;
    right: -85px;
    color: #fff;
    padding: 24px 0 15px 56px;
    background-color: #222;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in;
}
.gnav>ul .megamenu::before {
    z-index: 1000;
    content: "";
    position: absolute;
    right: 100px;
    top: -17px;
    margin: 0 auto;
    width: 0;
    height: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    pointer-events: none;
    border-right: 10px solid transparent;
    border-bottom: 18px solid #222;
    border-left: 10px solid transparent;
}
.gnav>ul #gnav:hover .megamenu {
    visibility: visible;
    opacity: 1;
    transition: all .3s ease-in;
}
.gnav>ul .megamenu p {
    color: #BBBBBB;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 8px;
}
.gnav>ul .megamenu a {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
}
.gnav>ul .megamenu a[target="_blank"]::after {
    position: absolute;
    content: "";
    background-image: url(/wp/wp-content/themes/netprotections/assets/images/icons/blank_w.svg);
    width: 12px;
    height: 12px;
    top: 18%;
    right: -20px;
}
.gnav>ul .megamenu a:hover {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: underline;
}
.gnav>ul .megamenu__list {
    width: 240px;
    margin-bottom: 24px;
}
.gnav>ul .company .megamenu__list {
    width: 260px;
}
.gnav>ul .megamenu__list:nth-last-of-type(-n+2) {
    margin-bottom: 0;
}
.gnav>ul .megamenu__list:not(:nth-child(3n)) {
    margin-right: 40px;
}
.gnav>ul a[target="_blank"]::after {
    position: absolute;
    content: "";
    background-image: url(/wp/wp-content/themes/netprotections/assets/images/icons/blank_w.svg);
    width: 12px;
    height: 12px;
    top: 45%;
    right: 28px;
}
/*** IRTOP　ここまで ***/
/*** IR見出し一覧ページ ここから ***/
.ir-heading-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ir-heading-area a {
    flex-basis: 482px;
    background-color: #F6F6F6;
    border-top: 3px solid #003B83;
    margin-bottom: 24px;
    transition: all .3s ease-in;
}
.ir-heading-area a:hover {
    color: #fff;
    background-color: #222;
}
.ir-heading-area a:nth-last-child(-n+2) {
    margin-bottom: 0;
}
.ir-heading-area div {
    padding: 16px 0 24px 24px;
}
.ir-heading-area h2 {
    font-size: 19px;
    font-weight: 600;
    line-height: 42px;
    margin-bottom: 16px;
}
.ir-heading-area p {
    font-size: 13px;
    line-height: 20.8px;
}

html[lang=en] #ir_stk_bene_page {
    display: none;
}

@media only screen and (max-width: 768px) {
    .ir-heading-area a:nth-last-child(-n+2) {
        margin-bottom: 24px;
    }
    .ir-heading-area {
        justify-content: center;
    }
}
/*** IR見出し一覧ページ ここまで ***/

/*** IRサイドCTAボタン ここから ***/
.ir-ctabanner {
    position: fixed;
    top: 210px;
    right: 0px;
    z-index: 99999;
    transform: translateX(20px);
    transition: all .2s ease-in;
}
.ir-ctabanner:hover {
    transform: translateX(0);
}
/*** IRサイドCTAボタン ここまで ***/

/*** IRカレンダー ここから ***/
.ir-inner-calender {
    width: 100%;
    max-width: 980px;
    margin: 0 auto 30px;
}
.ir-calender-title {
    margin-bottom: 52px;
}
.ir-calender-area {
    margin: 52px auto;
}
.ir-calender-area img {
    width: 100%;
    margin: auto;
}
.table {
    margin-bottom: 52px;
}
.table:last-of-type {
    margin-bottom: 0;
}
.ir-calender-note {
    font-size: 10px;
    margin-top: 15px;
}
.ir-calender-area .button {
    position: relative;
    top: -4px;
    right: 0;
    color: #fff;
    font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"MS Sans Serif","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    width: 300px;
    margin: 40px auto 0;
    padding: 14px 37px;
    background-color: #000;
}

.calender__notice {
    margin-top: 40px;
    padding: 4px 16px;
    background-color: #F6F6F6;
    line-height: 28px;
}

html[lang=en] .calender__notice {
    display: none;
}

.calender__notice a {
    color: #1EACE6;
    text-decoration:underline ;
}


@media only screen and (max-width: 768px) {
    .table {
        margin-top: 32px;
    }
    .ir-inner-calender {
        padding: 0 23px;
    }
    .ir-calender-area {
        margin: 52px auto 80px;
    }

    .calender__notice {
        margin-top: 20px;
    }
}
/*** IRカレンダー ここまで ***/

/*** IRニュース ここから ***/
.ir-news-area .button {
    position: relative;
    top: -4px;
    right: 0;
    color: #fff;
    font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"MS Sans Serif","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    width: 300px;
    margin: 80px auto 125px;
    padding: 14px 37px;
    background-color: #000;
}
/*** IRニュース ここまで ***/

/*** IRトップメッセージ ここから ***/
.profile-title-large-dir {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.10em;
    padding-top: 30px;
    margin-bottom: 70px;
    position: relative;
    word-break: break-all;
}
.profile-title-large-dir::before {
    border-bottom: 1px solid #c3c3c3;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    bottom: -15px;
    width: 100%;
}
.profile-title-large-dir::after {
    background-color: #036a9f;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    bottom: -15px;
    width: 178px;
}
.with-image__text-group p {
    line-height: 2.1;
    word-break: break-all;
}
.t-sign {
    margin-top: 40px;
}
.t-img {
    margin-top: 5px;
}
@media only screen and (min-width: 769px) {
    .with-image .middle-image {
        width: 332px;
    }
    .with-image__text-group {
        width: calc(100% - 333px);
        margin-right: 35px;
    }
}
/*** IRトップメッセージ ここまで ***/

/*** IR個人投資家の皆さまへ ここから ***/
.wide-video__inner {
    padding-top: 56.24% !important;
}
.ir-video-area {
    margin: 80px auto 0;
}
.ir-inner-text {
    line-height: 2;
    width: 100%;
    max-width: 900px;
}
.readmore {
    width: 100%;
    background-color: #E5E5E5;
    padding: 14px 0 24px;
    text-align: center;
    margin: 0 auto 120px;
}
.readmore p {
    font-size: 18px;
    font-weight: 600;
    line-height: 38px;
}
.readmore p.readmore-heading {
    color: #fff;
    font-size: 30px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: -10px;
}
.readmore .readmore-btnarea {
    margin-top: 24px;
}
.readmore .readmore-btnarea ul {
    display: flex;
    justify-content: center;
}
.readmore .readmore-btnarea ul .button {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    width: 300px;
    border: none;
    border-radius: 32px;
    padding: 20px 50px 20px;
}
.readmore .readmore-btnarea ul li {
    margin: 0 10px;
}
.ir-inner-img {
    display: flex;
    justify-content: center;
    margin-top: 68px;
}
.ir-inner-img div {
    width: 313px;
    height: auto;
    margin: 0 10px 40px;
}
.ir-inner-img div img {
    width: 100%;
    height: auto;
}
.ir-inner-img div p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px;
}
.ir-investor-note {
    font-size: 10px;
}
@media only screen and (max-width: 768px) {
    .readmore .readmore-btnarea {
        margin-top: 40px;
    }
    .readmore .readmore-btnarea ul {
        display: block;
    }
    .readmore .readmore-btnarea ul li {
        margin-bottom: 18px;
    }
    .readmore .readmore-btnarea ul .button {
        margin: auto;
    }
    .readmore {
        margin-bottom: 80px;
    }
    .readmore p {
        line-height: 27px;
    }
    .readmore p.readmore-heading {
        margin-bottom: 0px;
    }
    .readmore .readmore-btnarea ul .button {
        padding: 16px 50px 16px;
    }
    .ir-inner-img {
        display: block;
    }
    .ir-inner-img div {
        width: 100%;
        margin: 0 auto 40px;
    }
    .ir-video-area {
        margin-top: 50px;
    }
}
/*** IR個人投資家の皆さまへ ここまで ***/

/*** IRライブラリ下層 ここから ***/
.ir-library-area .button {
    position: relative;
    top: -4px;
    right: 0;
    color: #fff;
    font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"MS Sans Serif","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    width: 300px;
    margin: 80px auto 125px;
    padding: 14px 37px;
    background-color: #000;
}
.ir-latest-area .eirAttrTarget_zipDownloadUrl.button {
    position: absolute;
    background: #fff;
    color: #000;
    transition: all .3s ease-in;
}
.ir-latest-area .eirAttrTarget_zipDownloadUrl.button:hover {
    background: #000;
    color: #fff;
}

@media screen and (min-width:600px) and (max-width:768px) {
    .ir-inner .ir-contentsarea {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .ir-inner .ir-contentsarea>li {
        width: 45%;
    }
}

.ir-gray-bg {
    background-color: #F6F6F6;
    margin-top: 40px;
    padding: 50px;
}
.ir-investor-imgarea {
    margin: 40px auto 80px;
}
.ir-value-img {
    margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
    .ir-inner-investor {
        margin-bottom: 80px;
    }
    .ir-gray-bg {
        padding: 17px;
    }
}

.ir-superiority-subheading {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    line-height: 42px;
    padding-left: 10px;
    margin: 80px auto 24px;
}
.ir-superiority-subheading::after {
    position: absolute;
    content: "";
    display: inline-block;
    left: 0;
    bottom: -8px;
    width: 303px;
    height: 1px;
    background-color: #C3C3C3;
}
.ir-superiority01-img {
    margin: 0 auto 40px;
}
.ir-superiority02-img {
    margin: 8px auto 40px;
}
@media only screen and (max-width: 768px) {
    .ir-superiority-subheading {
        line-height: 27px;
        margin-top: 52px;
        padding-left: 0;
    }
    .ir-superiority-subheading::after {
        width: 101px;
    }
}
/*** サステナビリティ ここから ***/
.sus-flex {
    display: flex;
    align-items: flex-start;
    margin-bottom: 80px;
}
.sus-flex-txt {
    line-height: 2;
    margin-right: 20px;
}
.sus-flex-img {
    width: 100%;
    max-width: 490px;
    height: auto;
}
.sus-txtarea {
    margin-bottom: 120px;
}
.sus-txtarea.social {
    margin-bottom: 48px;
}
.sus-heading {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 42px;
    padding-left: 10px;
    margin-bottom: 32px;
}
.sus-heading::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 300px;
    height: 1px;
    background: #C3C3C3;
}
.sus-inner-text {
    line-height: 2;
    width: 100%;
    max-width: 900px;
    margin-bottom: 40px;
}
.sus-txt {
    line-height: 2;
    max-width: 900px;
}
.sus-note {
    font-size: 10px;
    margin-top: 16px;
}
.sus-social-flex {
    display: flex;
    align-items: flex-start;
    line-height: 2;
    margin-bottom: 48px;
    max-width: 900px;
}
.sus-social-flex:first-child {
    margin-top: 40px;
}
.sus-social-flex:last-of-type {
    margin-bottom: 120px;
}
.sus-social-flex img {
    width: 100%;
    height: auto;
    max-width: 313px;
    margin-right: 24px;
}
.sus-sologun {
    font-size: 28px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 70px;
    padding-left: 10px;
}
.social-heading {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 4px;
}
.social-resultsarea {
    background: #F6F6F6;
    padding: 16px;
    margin-top: 16px;
    max-width: 900px;
}
.social-subheading {
    color: #003B83;
    font-weight: 600;
}
.social-txt {
    margin-top: 4px;
}
.social-resultsarea ul li {
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.social-resultsarea .sus-note {
    line-height: 15px;
    margin-top: 8px;
}
.social-linktxt {
    text-align: right;
    margin-top: 16px;
    letter-spacing: 1px;
}
.social-linktxt--l {
    text-align: left;
    margin-top: 16px;
    letter-spacing: 1px;
}
.social-link {
    color: #1A0DAB;
    text-decoration: underline;
}
.sus-bgarea {
    background: #F6F6F6;
    padding: 24px;
    margin-bottom: 64px;
    max-width: 900px;
}
.sus-bgarea:last-of-type {
    margin-bottom: 120px;
}
.sus-bgtxtarea {
    margin-bottom: 32px;
}
.sus-bgtxtarea:last-of-type {
    margin-bottom: 0;
}
.bgarea-heading {
    position: relative;
    color: #003B83;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.bgarea-icon {
    margin-right: 4px;
}
.bgarea-txt {
    margin: 8px 0 0 20px;
}
.gnav>ul .megamenu.sustainability {
    width: 320px;
    right: -60px;
}
.gnav>ul .megamenu.company {
    width: 363px;
    right: -60px;
}
.ir-inner.enviroment {
    margin-bottom: 120px;
}
.table-outer {
    width: 100%;
    max-width: 900px;
    margin-top: 24px;
}
.table-outer th {
    background: #000000;
    border: solid 1px #C3C3C3;
    color: #fff;
    padding: 12px 24px;
}
.table-outer td {
    border: solid 1px #C3C3C3;
    padding: 12px 24px;
}
.table-outer table {
    border-collapse: collapse;
}
.table-01 .table-left {
    width: 140px;
    text-align: center;
}
.table-02 .table-left {
    width: 180px;
    text-align: left;
}
.table-outer .table-01 tbody tr .table-left {
    background: #F6F6F6;
}
.table-outer .table-02 thead tr .table-left {
    background: none;
    color: #000;
    font-weight: normal;
    border-top: none;
    border-left: none;
}
.table-02 th {
    text-align: center;
    padding: 12px 20px;
}
.table-02 td {
    text-align: center;
    padding: 4px 20px;
}
.sus-relating-area {
    display: flex;
}
.sus-relating-box {
    width: 100%;
    overflow: hidden;
    padding: 0 16px 15px 0;
    margin-bottom: 10px;
}
.sus-relating-thumb {
    position: relative;
}
.sus-relating-thumb::after {
    z-index: -1;
    content: "";
    position: absolute;
    background-color: #ecf0f2;
    top: 16px;
    left: 16px;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease .6s;
    transition: all ease .6s;
}
.sus-relating-thumb:hover::after {
    top: -16px;
    left: -16px;
}
.sus-relating-box:hover {
    padding: 15px 0 0 16px;
}
.sus-relating-ttl {
    font-size: 13px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 16px;
}
.sus-relating-date {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}
@media screen and (max-width: 768px) {
    .table-01 .table-left {
        width: 43.5px;
        writing-mode: vertical-rl;
    }
    .table-outer thead tr {
        width: 100%;
    }
    .table-outer tbody td:last-child {
        border-bottom: solid 1px #C3C3C3;
    }
    .table-outer th,td {
        padding: 12px 4px;
    }
    .table-outer .table-03 {
        width: 100%;
        margin-top: 24px;
    }
    .table-outer .table-03 th,.table-03 td {
        text-align: center;
    }
    .table-outer .table-03 tbody tr .table-left {
        width: 53%;
    }
}

@media screen and (max-width: 768px) {
    .ir-inner.sus {
        margin-bottom: 120px;
    }
    .sus-sologun {
        font-size: 20px;
        line-height: 2;
        padding-left: 0;
        margin-bottom: 66px;
    }
    .sus-heading {
        line-height: 27px;
        padding-left: 0;
    }
    .sus-heading::after {
        width: 101px;
        bottom: -10px;
    }
    .sus-flex {
        display: block;
        margin-bottom: 54px;
    }
    .sus-flex-txt {
        margin-right: 0;
        margin-bottom: 52px;
    }
    .sus-txtarea {
        margin-bottom: 80px;
    }
    .sus-flex-img {
        max-width: unset;
    }
    .sus-social-flex {
        display: block;
    }
    .sus-social-flex img {
        max-width: unset;
    }
    .social-heading {
        margin-top: 25px;
    }
    .sus-relating-area {
        display: block;
    }
    .ir-inner.enviroment {
        margin-bottom: 80px;
    }
    .ir-inner.enviroment .relating-blog .relating-article__image {
        overflow: unset;
        margin-bottom: 24px;
    }
    .ir-inner.enviroment .relating-blog .relating-article__image .thumb-02::after {
        opacity: 1;
    }
    .ir-inner.enviroment .relating-blog {
        margin-bottom: 120px;
    }
}
@media only screen and (min-width: 769px){
    .ir .header__head {
        padding: 14.5px 30px 15.5px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1169px) {
    .header__head {
        padding: 20px 1.632vw;
    }
    .gnav__en {
        font-size: 1.032vw;
    }
    .gnav>ul>li {
        margin: 0 0.6vw;
    }
    .logo-mark img {
        width: 15.64vw;
    }
    .ir .header .logo-mark img {
        width: 15.64vw;
    }
}

/*MARKETING-9992*/
.section .message>h1>span:last-child {
	-webkit-transform: translateX(125px);
    transform: translateX(125px);
}
@media only screen and (max-width: 768px) {
    .section .message>h1>span:last-child {
        width:126px;
        -webkit-transform: translateX(90px);
        transform: translateX(90px)
    }
}


/* === /ir/stock === */
html[lang=en] .parent-pageid-8050 .archive-news__tabs .tab-list li:nth-child(3):not(.is-active) {
    display: none;
}

.square-buttons__button__ja .gnav__ja {
    font-size: 13px;
}

@media only screen and (max-width: 768px) {
    .square-buttons__button__ja .gnav__ja {
        font-size: 10px;
    }
}

/* MARKETING-11528 */

.library_btnTopLink {
    width:auto;
    max-width: 200px;
    height:20px;
    padding: 4px;
    margin: 0 auto 10px;
    border:1px solid #D5D5D5;
    border-radius: 10px;

    font-size: 11px;
    line-height:1em;
    text-align:center;  
}

.library_btnTopLink .library_btnTopLink-link {
    display: inline-block;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 768px) {
    .library_btnTopLink {
        margin: 10px auto;
    }

}

.library_btnTopLink:hover {
    color: #ffffff;
    background-color: #555555;
}

.library_btnTopLink-txt {
    /* vertical-align: middle; */
}

.single_viewmoreLink {
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .category-menu__list ul a {
        padding-top: 6px;
    }
}