@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ""; }
abbr, acronym { border: 0; }
ul { list-style: none; }
a { text-decoration: none; }
a:focus { outline: none; }
a:link { color: #0066aa; text-decoration: none; }
a:visited { color: #0066aa; text-decoration: none; }
a:hover { color: #0066aa; text-decoration: underline; }
a:active { color: #0066aa; text-decoration: none; }
.linkIcon {
        display: inline-block;
        position: relative;
        padding-right: 1.2em;
}
.linkIcon::after {
        content: '\FF1E';
        display: block;
        transform: scale(.6, 1);
        font-weight: bold;
        position: absolute;
        right: 0;
        top: calc(50% - 0.7em);
}
.outer::after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4.5px;
    background-image: url(/etc.clientlibs/settings/wcm/designs/au-com/clientlib-site/resources/images/icon/icon_sprite.png);
    background-position: -92.5px -83px;
    width: 9px;
    height: 9px;
    background-size: 121px 118px;
    content: '';
    transform: scale(1);
  }
input, button, textarea, select { font-size: 100%; margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; appearance: none; }
hr { display: block; border: none; padding: 0; margin: 0; }
svg { width: 100%; }
img { vertical-align: middle; }
.slick-slide { outline: none !important; }

@font-face { font-family: 'Noto Sans CJK JP Subset'; font-style: normal; font-weight: 400; src: local("Noto Sans CJK JP"), local("NotoSansCJKjp-Regular"), local("NotoSansJP-Regular"), url("NotoSansCJKjp-Regular.woff2") format("woff2"), url("NotoSansCJKjp-Regular.woff") format("woff"), url("NotoSansCJKjp-Regular.ttf") format("truetype"); }
@font-face { font-family: 'Noto Sans CJK JP Subset'; font-style: normal; font-weight: 500; src: local("Noto Sans CJK JP"), local("NotoSansCJKjp-Medium"), local("NotoSansJP-Medium"), url("NotoSansCJKjp-Medium.woff2") format("woff2"), url("NotoSansCJKjp-Medium.woff") format("woff"), url("NotoSansCJKjp-Medium.ttf") format("truetype"); }
@font-face { font-family: 'Noto Sans CJK JP Subset'; font-style: normal; font-weight: 700; src: local("Noto Sans CJK JP"), local("NotoSansCJKjp-Bold"), local("NotoSansJP-Bold"), url("NotoSansCJKjp-Bold.woff2") format("woff2"), url("NotoSansCJKjp-Bold.woff") format("woff"), url("NotoSansCJKjp-Bold.ttf") format("truetype"); }
#bgCanvas { position: fixed; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; }
#bgCanvasInner { position: relative; width: 100%; height: 100%; }
.breadcrumb { background: #fff !important; }
.barWrap { position: absolute; display: inline; }
.bar { background: #eb5505; height: 100px; width: 3px; animation-name: sizeScale; animation-duration: 9s; opacity: 0; /*animation-fill-mode:forwards*/ animation-iteration-count: infinite; }
.barWrap.c2 .bar { background: #ffcc66; }
.circleWrap { position: absolute; border: 8px solid #eb5505; border-radius: 50%; animation-name: circleScale; animation-duration: 5s; /*animation-fill-mode:forwards*/ animation-iteration-count: infinite; }
.circleWrap.c2 { border-color: #ffcc66; }
.fadeIn { transform: translate(0, 100px); opacity: 0; transition: 1.2s; transition-delay: .2s; }
.fadeIn.on { transform: translate(0, 0); opacity: 1; }

@keyframes circleScale { 0% { opacity: 0; transform: scale(1); }
  5% { opacity: .6; }
  80% { opacity: .6; }
  100% { opacity: 0; transform: scale(3); } }
@keyframes sizeScale { 0% { transform: translate(150px, -150px) skewX(-45deg); opacity: 0; }
  15% { transform: translate(50px, -50px) skewX(-45deg); opacity: .8; }
  85% { transform: translate(50px, -50px) skewX(-45deg); opacity: .8; }
  100% { transform: translate(-50px, 50px) skewX(-45deg); opacity: 0; } }
.contentBox { font-family: 'Noto Sans','Noto Sans JP','Noto Sans CJK JP','Noto Sans CJK JP Subset',sans-serif; font-weight: 400; }

#contentsWrapper .contArea { padding-top: 0 !important; }

.brModal { visibility: hidden; overflow-y: auto; opacity: 0; position: fixed; z-index: 100; top: 0; /*left: 180px;*/ padding: 0 8vw; width: calc(100% ); height: 100%; transition: opacity 0.5s, visibility 0s 0.5s; background: rgba(51, 51, 51, 0.9); }
.brModal-container { display: flex; align-items: center; justify-content: center; min-height: 100%; }
.brModal.-active { visibility: visible; opacity: 1; transition: opacity 0.4s, visibility 0s 0s; }
.brModal-inner { margin: 5.33333vw auto; width: 100%; max-width: 1000px; }
.brModal-content { display: none; position: relative; margin: auto; padding: 0; }
.-active .brModal-content { display: block; }
.brModal-close { display: flex; align-items: center; justify-content: center; position: fixed; top: 20px; right: 0; width: 16vw; height: 16vw; }
.brModal-close img { width: 31px; height: 31px; }
.brModal iframe { width: 100%; }

@media screen and (min-width: 768px) { 
  .cmp-au-com-container__width__1column__980 > .cmp-au-com-container > .cmp-au-com-container__contents { width: auto; }
  body { /*background: linear-gradient(180deg, rgba(255,255,255,1) 64px, rgba(192,224,254,1) 65px, rgba(255,255,255,0) 100%) no-repeat;*/ }
  .pale { background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/bg-yel.png?scl=1&fmt=png-alpha); }
  .gray { background: #f6f6f6 url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/bg-gray.png?scl=1&fmt=png-alpha); }
  .contentBox { margin: 0 auto; max-width: 980px; padding: 150px 0; text-align: center; position: relative; }
  /*.wht::after { content:''; display: block; height: 100%; position: absolute; top: 0; left: calc( 50% - 490px) ; width: 100%; max-width: 980px;background: rgba(255,255,255,.6); box-shadow: 0 0 20px 20px rgb(255 255 255 / 60%);}*/
  .wht .lead { background: white; box-shadow: 0 0 10px 10px white; display: inline-block; margin: 0 auto; }
  .tit > div { position: relative; /*max-width: 980px;*/ margin: 0 auto; z-index: 0; }
  .tit > div::before { content: ''; display: block; width: 1px; height: calc( 100% - 120px ); background: #eb5505; position: absolute; left: 50%; bottom: 0; margin-left: -458px; }
  .tit > div > p { color: #eb5505; font-style: italic; transform: rotate(-90deg); transform-origin: right top; display: inline-block; position: absolute; left: 50%; top: 30px; margin-left: -546px; line-height: 1; /*background: #fff;*/ width: 80px; text-align: right; }
  #pickUp.tit > div::before { background: #ebb381; height: calc( 100% - 100px ); }
  .pale.tit > div::before { background: #ebb381; height: calc( 100% - 80px ); }
  .orange.tit > div > p { color: #fff; }
  .attArea { max-width: 650px; border: 1px solid #d1d1d1; background-color: #fdeee6; padding: 20px; margin: 20px auto; text-align: center; }
  #mv .mvInner { max-width: 980px; margin: 0 auto; }
  #mv .mvInner img { width: 100%; }
  #main.contentBox { padding: 100px 0; max-width: 920px; margin: 0 auto; }
  #main.contentBox p { color: #eb5505; line-height: 2.4; margin-bottom: 20px; font-size: 20px; font-weight: 500; font-style: italic; }
  #main.contentBox h2 { color: #eb5505; line-height: 1.6; font-size: 32px; font-weight: bold; }
  #mainBox { background-image: url(/content/dam/au-com/brand/tsunagu/img/bg-kv-no1_30162b45fa38758c.jpg?scl=1&fmt=png-alpha); background-repeat: no-repeat; background-position: center top; padding-bottom: 0; position: relative; background-size: auto 100%; }
  .wrapUnderKV { max-width: 900px; margin: 0 auto; padding: 5px 0; }
  .wrapUnderKV .note { font-size: 10px; line-height: 1.2; }
  #main { background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 10%, white 25%) no-repeat; box-shadow: 0 10px 16px 16px rgba(186, 216, 243, 0.2); }
  #main h2 { background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/bg-h2-main.png?scl=1&fmt=png-alpha) no-repeat center top; }
  #main h2 img { opacity: 0; transition: 1.2s; transition-delay: .8s; }
  #main h2 img.on { opacity: 1; }
  #main.contentBox #stateWrap { position: relative; }
  #main.contentBox #stateWrap span.line { position: relative; display: inline-block; }
  #main.contentBox #stateWrap span.line span.grayTx { color: #ccc; }
  #main.contentBox #stateWrap span.line span.orangeTx { position: absolute; left: 0; top: 0; color: #eb5505; overflow: hidden; width: 0%; transition: 1.6s; transition-delay: 0.3s; white-space: nowrap; }
  #main.contentBox #stateWrap span.line span.orangeTx.on { width: 100%; }
  p.lead { margin-bottom: 70px; }
  /*202405*/
  #baseStationBox { background: #fff; padding: 20px 0 0; text-align: left; }
  #baseStationBox img { max-width: 100%; }
  #baseStationBox > .inner { max-width: 980px; margin: 0 auto; }
  #baseStationBox > .inner h2 { margin: 0 auto 25px; }
  #baseStationBox > .inner .note { font-size: 14px; color: #666; text-indent: -1em; padding-left: 1em; }
  #areaBox { /* background: #eee;padding: 100px 0; */ text-align: center; }
  #areaBox img { max-width: 100%; }
  #areaBox > .inner {/* max-width: 980px;*/ background: #fff; margin: 0 auto; border-radius: 10px; padding: 50px 0 100px; }
  #areaBox > .inner h2 { margin: 0 auto; max-width: 782px; }
  #areaBox > .inner .wrapH2 .txtPower { margin: 30px auto 10px; font-size: 15px; }
  #areaBox > .inner .wrapH2 .txt a { font-size: 15px; color: #000; text-decoration: underline; }
  #areaBox > .inner .note { font-size: 14px; color: #666; margin: 0 auto; line-height: 1.6; }
  #areaBox > .inner > .lead { margin: 0 auto 80px; }
  #areaBox > .inner > .lead img { margin: 0 auto; }
  #areaBox > .inner > .wrapH2 { margin: 0 auto 60px; }
  #areaBox > .inner > .wrapH2 .img { margin: 0 auto 0; }
  #areaBox > .inner > .wrapH2 .ulNote { margin: 0 auto 5px; }
  #areaBox > .inner > .wrapH2 .ulNote > li { font-size: 14px; color: #666; margin: 0 auto; line-height: 1.6; }
  #areaBox > .inner > .img-area-02 { margin: 0 auto 60px; }
  #areaBox > .inner > .img-area-02 .tit { font-size: 18px; font-weight: bold; color: #333; margin: 0 auto 0; text-align: center; }
  #areaBox > .inner > .img-area-02 .note { margin: 0 auto 0; }
  #areaBox > .inner > .img-area-02 .ulDist .note { margin: 0 auto 15px; }
  #areaBox > .inner > .btnBox { text-align: center; margin: 0 auto 75px; }
  #areaBox > .inner > .btnBox ul > li:not(:last-child) { margin: 0 auto 20px; }
  #areaBox > .inner > .btnBox .txt { font-size: 14px; color: #ea5404; margin: 10px auto 0; }
  .bnrBox2 { text-align: center; margin: 0 auto; padding: 5rem 0 30px; }
  .bnrBox2 .tit { margin: 0 auto 30px; font-weight: bold; }
  .bnrBox2 .tit .note { font-weight: normal; font-size: 13px; }
  .bnrBox2 ul { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 780px; margin: 0 auto; }
  .bnrBox2 ul > li { width: 49%; }
  .bnrBox2 ul > li a { display: block; }
  .bnrBox2 ul > li img { width: 100%; }
  #areaBox > .inner #noteAreaBox { max-width: 780px; margin: 0 auto 0; background: #fff; border: solid 5px #000; border-top: none; }
  #areaBox > .inner #noteAreaBox .tit { background: #000; padding: 10px 0; }
  #areaBox > .inner #noteAreaBox .img { margin: 24px 4.4% 10px; }
  #areaBox > .inner #noteAreaBox .note { margin: 0 auto 20px; }
  /*/202405*/
  div.orange { background-image: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/bg-pickup.png?scl=1&fmt=png-alpha), linear-gradient(180deg, #f45900 0, #ff8e00 100%); }
  #pickUp h2 { color: #fff; font-size: 27px; font-weight: 700; font-style: italic; margin-bottom: 70px; line-height: 1.8; }
  #pickUp h2 span { font-size: 38px; }
  #pickUp p.lead { color: #fff; font-size: 20px; font-style: italic; margin-bottom: 100px; }
  .pickUpBox { max-width: 920px; margin: 0 auto; }
  .pickUpBoxU { max-width: 920px; margin: 0 auto 50px; }
  .pickUpBoxInner { /*display: flex; justify-content: center;*/ margin-left: 60px; padding: 0 0 20px 0; background: linear-gradient(180deg, transparent 50px, white 51px); position: relative; }
  .pickUpBoxInner.drc-rowrev { /*flex-direction: row-reverse;*/ margin-bottom: 0; }
  .pickUpBoxInner::before { content: ''; display: block; height: 100%; position: absolute; top: 0; left: 50%; width: 200%; background: linear-gradient(180deg, transparent 50px, white 51px); }
  .pickUpBoxU .pickUpBoxInner { /*display: flex; justify-content: center;*/ margin-left: 60px; padding: 30px 0 60px; background: #e6eaee; position: relative; }
  .pickUpBoxU .pickUpBoxInner::before { content: ''; display: block; height: 100%; position: absolute; top: 0; left: 50%; width: 200%; background: #e6eaee; }
  .pickUpBoxInner > div { position: relative; }
  .pickUpBoxInner > div:first-child { width: 586px; margin: 0 auto 40px; width: 84%; box-shadow: 3px 3px 10px 10px rgba(0, 0, 0, 0.5); }
  .pickUpBoxInner > div:last-child { /*width: 43%;*/ }
  .pickUpBoxInner > div img { width: 100%; /*margin-left: -30%; box-shadow: 0 0 16px 16px rgba(0,0,0,.04);*/ }
  .pickUpBoxInner.drc-rowrev > div img { margin-top: 0; margin-right: -113%; }
  .pickUpBoxInner > div p { text-align: left; padding: 0 10%; line-height: 1.9; }
  .pickUpBoxInner.drc-rowrev > div p { padding-top: 56px; }
  .slider4 .slick-list { overflow-y: visible; }
  #ConnectIsFun h2 span, #forConnect h2 span, #ConnectIsTrue h2 span { color: #111; font-size: 26px; }
  #ConnectIsFun h2, #forConnect h2, #ConnectIsTrue h2 { color: #eb5505; font-size: 38px; font-weight: bold; line-height: 1.6; margin-bottom: 30px; font-style: italic; }
  .wht h2 { background: white; box-shadow: 0 0 10px 10px white; display: inline-block; max-width: 0 auto 30px; }
  #Connect3Points h2 { margin-bottom: 30px; }
  .slider1 a { transition: .6s; }
  .slider1 a:hover { opacity: .7; }
  #spreadConnect .contentBox { padding-top: 90px; padding-bottom: 90px; }
  #spreadConnect h2 { margin-bottom: 25px; }
  #spreadConnect h2 img { width: 290px; background: #fff; box-shadow: 0 0 10px 10px white; }
  #spreadConnect p { margin: 0 auto 60px; background: #fff; box-shadow: 0 0 10px 10px white; display: inline-block; }
  ul#logoList { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 770px; margin: 0 auto 60px; }
  ul#logoList li { width: 49%; background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-link-outer.png?scl=1&fmt=png-alpha) no-repeat right 10px bottom 10px; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.04); border-radius: 10px; }
  ul#logoList li a { padding: 30px 0; display: block; transition: .6s; }
  ul#logoList li a:hover { opacity: .7; }
  #spreadConnect p#pemployees_infor { margin: 0 auto 15px; background: #fff; box-shadow: 0 0 10px 10px white; display: inline-block; }
  #spreadConnect a.detailBtn_o { display: block; width: 430px; margin: 0 auto; }
  ul.flxList { display: flex; flex-wrap: wrap; justify-content: left; margin-bottom: 30px; margin-top: 30px; }
  ul.flxList li { width: 31.6%; display: block; margin-bottom: 3%; margin-right: 2.5%; }
  ul.flxList li:nth-child(3n) { margin-right: 0; }
  ul.flxList li a { display: block; text-decoration: none !important; transition: .6s; }
  ul.flxList li a:hover { opacity: .8; }
  ul.flxList li p { width: 91%; margin-left: 9.1%; background: #fff; padding: 20px 20px 40px; text-align: left; font-size: 14px; margin-top: -14px; color: #111; position: relative; line-height: 1.8; min-height: 135px; }
  ul.flxList li p.outer { background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-link-outer.png?scl=1&fmt=png-alpha) no-repeat right 10px bottom 10px; /*box-shadow: 0 0 10px 10px rgba(0,0,0,0.04);*/ }
  .imgBox { overflow: hidden; border-radius: 4px; }
  .imgBox img { width: 100%; }
  ul.flxList li:nth-child(n + 4), .pale ul.flxList li:nth-child(n + 4) { display: none; }
  ul.flxList.open li:nth-child(n + 4), .pale ul.flxList.open li:nth-child(n + 4) { display: block; }
  /*20241129*/
  #wrapMedalionBox { background: #F2F2F2; padding: 50px 0; }
  #medalionBox { max-width: 1100px; margin: 0 auto; background: #fff; padding: 70px 0; text-align: center; }
  #medalionBox > .inner .ulDist { max-width: 320px; margin: 0 auto 50px; }
  #medalionBox > .inner .ulDist > li img { width: 100%; }
  #medalionBox > .inner .imgMedal { width: 719px; margin: 0 auto 30px; }
  #medalionBox > .inner .note { text-align: center; font-size: 10px; line-height: 1.2; }
  .slider1 { /*padding-bottom: 80px; */ }
  .slider1 img { width: 100%; vertical-align: bottom; }
  .slider1 a { display: block; padding: 0 15px; }
  .slider2 { max-width: 800px; margin: 0 auto; }
  .slider2 .slick-slide .slick-slideInner { max-width: 736px; background: #fff; border-radius: 10px; padding-top: 10px; position: relative; margin-top: 40px; margin-left: 32px; margin-bottom: 21px; padding-bottom: 20px; box-shadow: 0 5px 8px 16px rgba(0, 0, 0, 0.02); }
  .slider2 .slick-slide img { margin: 0 auto; }
  .slider2 .slick-slide img.pnt { margin: 0 auto; position: absolute; width: 115px; left: -30px; top: -40px; }
  .slider2 .slick-slide h3 { max-width: 600px; margin: 50px auto 0; font-size: 18px; font-weight: bold; line-height: 2; }
  .slider2 .slick-slide h3 span { color: #eb5505; font-size: 24px; position: relative; z-index: 1; }
  .slider2 .slick-slide h3 span::after { content: ''; display: block; position: absolute; bottom: 5px; width: 100%; height: 6px; background: #fff000; z-index: -1; left: 0; }
  .slider2 .slick-slide p { max-width: 600px; margin: 30px auto 50px; text-align: center; line-height: 1.8; }
  .slider3 img { width: 100%; vertical-align: bottom; }
  .slider3 a { display: block; padding: 0 3%; }
  .slick-dots { position: relative; display: block; width: 100%; padding: 0; margin: 0 auto 50px; list-style: none; text-align: center; }
  .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; /*padding: 5px;*/ cursor: pointer; border: 0; outline: none; background: #a6abb0; border-radius: 10px; }
  .slick-dots li.slick-active button { background: #ea5404; }
  #bnrBox .slick-dots li.slick-active button { background: #000; }
  .slick-dots li button:before { content: ''; }
  .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: calc( 50% - 26px ); display: block; width: 56px; height: 56px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: #fff !important; padding-top: 16px; }
  .slick-prev:hover { opacity: .5; background: #fff !important; }
  .slick-next:hover { opacity: .5; background: #fff !important; }
  .slick-prev { left: -100px; }
  .slick-next { right: -100px; }
      .slick-prev:before {
        content: '';
        padding-top: 5%;
        display: block;
        background: url(/content/dam/au-com/brand/tsunagu/img/btn-next-slider_d4fddfef7a4069ee.png?scl=1&fmt=png-alpha);
        background-size: 100%;
        width: 40px;
        height: 40px;
        transform: rotate(180deg);
    }
        .slick-next:before {
        content: '';
        padding-top: 5%;
        display: block;
        background: url(/content/dam/au-com/brand/tsunagu/img/btn-next-slider_d4fddfef7a4069ee.png?scl=1&fmt=png-alpha);
        background-size: 100%;
        width: 40px;
        height: 40px;
    }
  .slider4 .slick-prev { top: calc( 50% - 60px); left: -60px; }
  .slider4 .slick-next { top: calc(50% - 60px); right: -60px; }
  ul.connect3PointsNote { max-width: 736px; margin: 0 auto 50px; }
  ul.connect3PointsNote li { text-align: left; font-size: 12px; text-indent: -1em; line-height: 1.8; }
  #bnrBox { padding: 0 0 70px 0; position: relative; overflow: hidden; }
  /*#bnrBox::before { position: absolute; left: calc( 50% + 162px ); content: ''; display: block; height: 100%; width: 100%; top: 0; background: #fff6ce; }*/
  .bnr3 { display: flex; justify-content: center; margin: 0 auto; background-image: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/bg-pickup.png?scl=1&fmt=png-alpha), linear-gradient(180deg, #f45900 0, #ff8e00 100%); text-align: center; padding: 40px 0 40px 0; }
  .bnr3 > div { width: 50%; max-width: 350px; }
  .bnr3 > div:first-child { margin-right: 3%; }
  .bnr3 > div:last-child { margin-right: 0; }
  .bnr3 > div a { transition: .6s; width: 350px; }
  .bnr3 > div a:hover { opacity: .7; }
  .bnr3 > div a img { width: 100%; }
  #brandbnr { background: #fff6ce; /*width: 50%;*/ padding: 40px 0 40px 0; text-align: center; }
  #brandbnr div { text-align: center; }
  #brandbnr div a { width: 350px; }
  #brandbnr div a:hover { opacity: .7; }
  #brandbnr div img { width: 100%; }
  #brandbnr p.employees_infor { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
  #brandbnr a { /*display: block;*/ transition: .6s; }
  #brandbnr a:hover { opacity: .7; }
  .tsunaguLP .btn,.boxModal .btn { width: 430px; display: block; margin: 0 auto; height: 70px; line-height: 68px; color: #eb5505 !important; border: 1px solid #eb5505; border-radius: 35px; background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-btn-arrow.png?scl=1&fmt=png-alpha) no-repeat right 20px center; font-style: normal; text-decoration: none !important; transition: .6s; }
  a.btn:hover { opacity: .7; }
  .tsunaguLP a.btnOrange { width: 580px; display: block; margin: 0 auto; height: 90px; line-height: 90px; font-size: 18px; font-weight: bold; color: #fff !important; border: none; border-radius: 45px; background: #eb5505 url(/content/dam/au-com/brand/tsunagu/img/icon-btn-arrow-white_e945d2ac92217278.png?scl=1&fmt=png-alpha) no-repeat right 20px center !important; background-size: 17px auto; font-style: normal; text-decoration: none !important; transition: .6s; }
  a.btn.l2 { min-height: 70px; line-height: 1.4; border-radius: 35px; padding: 14px 0 14px; }
  a.btnOrange.l2 { line-height: 1.6; border-radius: 45px; padding: 18px 0; }
  a.btn.l2 span { display: block; line-height: 1.2; font-size: 14px; font-weight: normal; font-style: normal; }
  a.more { background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-btn-plus.png?scl=1&fmt=png-alpha) no-repeat right 20px center; }
  a.more.on { background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-btn-min.png?scl=1&fmt=png-alpha) no-repeat right 20px center; }
  a.more::before { content: '\3082\3063\3068\898B\308B'; }
  a.more.on::before { content: '\9589\3058\308B'; }
  a.btn.outer { background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-link-outer-o.png?scl=1&fmt=png-alpha) no-repeat right 20px center; }
  a.btn.outerW { background: #eb5505 url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-link-outer-w.png?scl=1&fmt=png-alpha) no-repeat right 20px center; }
  a.detailBtn { width: 430px; height: 50px; line-height: 48px; border-radius: 25px; background: #eb5505 url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-btn-arrow-w.png?scl=1&fmt=png-alpha) no-repeat right 20px center; color: #fff !important; text-decoration: none !important; margin-top: 34px; transition: .6s; margin-bottom: 16px; }
  a.detailBtn:hover { opacity: .7; }
  a.detailBtn_o { width: 430px; height: 50px; line-height: 48px; border-radius: 25px; background: #eb5505 url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-link-outer-w.png?scl=1&fmt=png-alpha) no-repeat right 20px center; color: #fff !important; text-decoration: none !important; margin: 0 auto; transition: .6s; margin-bottom: 16px; }
  a.detailBtn_o:hover { opacity: .7; }
  .brModal { padding: 0 50px; }
  .brModal-inner { margin: 50px auto; }
  .brModal-content { padding: 0; }
  .brModal-close { top: 20px; right: 20px; width: 60px; height: 60px; transition: opacity 0.23s ease; }
  #g5 h2 { color: #eb5505; font-size: 27px; font-weight: 700; font-style: italic; margin-bottom: 70px; line-height: 1.8; }
  #g5 h2 span { font-size: 38px; }
  #g5 p.lead { color: #fff; font-size: 20px; font-style: italic; margin-bottom: 100px; }
  .g5Box { max-width: 920px; margin: 0 auto; }
  .g5BoxInner { margin-left: 60px; margin-bottom: 40px; padding: 0 0 20px 0; background: linear-gradient(180deg, transparent 50px, white 51px); position: relative; }
  .g5BoxInner::before { content: ''; display: block; height: 100%; position: absolute; top: 0; left: 50%; width: 200%; background: linear-gradient(180deg, transparent 50px, white 51px); }
  .g5BoxInner > div { position: relative; }
  .g5BoxInner > div:first-child { margin: 0 auto; border-radius: 6px; overflow: hidden; }
  .g5BoxInner > div:last-child a.station5g { /*display: block; background: #fff url(/content/dam/au-com/brand/tsunagu/img/icon-outer.png) no-repeat right 10px bottom 10px; border-radius: 0 10px 10px 10px; width: 96%; margin-right: 4%; text-decoration: none!important;*/ }
  .g5BoxInner > div:last-child a.station5g:hover p { opacity: 0.6; }
  .g5BoxInner > div img { width: 586px; margin-bottom: 50px; border-radius: 8px; overflow: hidden; /*margin-left: -30%; box-shadow: 0 0 16px 16px rgba(0,0,0,.04);*/ }
  .g5BoxInner > div img.outer { width: 16px; margin-bottom: 0; border-radius: 0; }
  .g5Boxtxt { display: flex; justify-content: space-between; background: #fdf2ed; align-items: center; max-width: 720px; margin: 0 auto 20px; }
  .g5Boxtxt p:first-child { width: 17%; background: #fdf2ed; text-align: center; color: #eb5505; font-weight: bold; font-size: 18px; }
  .g5Boxtxt p:last-child { width: 82%; text-align: left; font-size: 16px; line-height: 2; background: #fff; padding: 10px 0 10px 5%; }
  #Topics h2 span { color: #111; font-size: 26px; }
  #Topics h2 { color: #eb5505; font-size: 38px; font-weight: bold; line-height: 1.6; margin-bottom: 30px; font-style: italic; }
  #Topics .contentBox { margin: 0 auto; max-width: none; padding: 150px 0; text-align: center; position: relative; overflow: hidden; }
  .topicList { display: flex; flex-wrap: wrap; max-width: 980px; margin: 0 auto; }
  .topicList li { width: 25%; }
  .topicList li a { padding: 0 2% 30px; height: 300px; background: #fff; position: relative; text-decoration: none !important; }
  .topicList li a img { transition: .6s; }
  .topicList li a:hover img { opacity: 0.6; }
  .topicList li a.on::after { content: ''; position: absolute; bottom: 0; left: calc(50% - 50px); display: block; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 50px; border-color: transparent transparent #f3f3f3 transparent; }
  .topicList li a p { color: #111; padding: 15px; text-align: left; }
  .topicList li a p.tag { color: #fff; position: absolute; top: 0; right: 12px; padding: 0; text-align: center; z-index: 1; width: 90px; height: 24px; font-size: 12px; line-height: 24px; border-radius: 0 0 4px 4px; }
  .topicList li a p.tag.tagArea { background: #16a490; }
  .topicList li a p.tag.tagExperience { background: #e8541f; }
  .topicList li a p.tag.tagExpert { background: #009cd6; }
  .topicList li:nth-child(9n + 1) a .imgBox { position: absolute; top: 0; left: 1%; width: 98%; background: #000; border-radius: 4px; }
  .topicList li:nth-child(9n + 1) a .imgBox img { opacity: .6; }
  .topicList li:nth-child(9n + 1) a p.outer { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #fff; text-align: center; font-size: 24px; height: 294px; }
  .topicList li:nth-child(9n + 1) { width: 50%; }
  .topicList li:nth-child(9n + 1) a { padding: 0 1%; display: block; }
  .topicList li:nth-child(9n + 1) a:hover .imgBox img { opacity: .3; }
  .detailArticle { padding: 80px 20px; background: #f3f3f3; width: 400%; display: none; position: relative; margin-bottom: 20px; z-index: 2; position: relative; }
  /*.detailArticle::before { content:''; position: absolute; height: 100%; width: 200%; top: 0; left: -50%; background: #f3f3f3;display: block; z-index: 0;}*/
  .topicList li:nth-child(9n + 1) .detailArticle { width: 200%; }
  .detailtit { color: #eb5505; font-size: 24px; margin-bottom: 40px; line-height: 1.7; position: relative; z-index: 1; }
  .detailBoxFlx { display: flex; max-width: 980px; margin: 0 auto 20px; position: relative; z-index: 1; }
  .detailPhoto { width: 40%; }
  .detailPhoto img { width: 100%; }
  .detailTxt { width: 60%; padding-left: 5%; }
  .detailTxt p { text-align: left; line-height: 1.8; }
  .detailArticle .detailLnk { max-width: 980px; margin: 0 auto; padding: 0; min-height: auto; text-align: right; position: relative; z-index: 1; }
  .detailArticle .detailLnk a { height: auto; margin: 0; padding: 0; background: transparent; }
  .detailArticle .detailLnk a img { width: 14px; }
  .detailBoxFlx.notx { display: block; max-width: 980px; margin: 0 auto 20px; position: relative; z-index: 1; }
  .detailBoxFlx.notx .detailPhoto { margin: 0 auto; }
  .detailBoxFlx.notx .detailTxt { display: none; }
  .detailBoxFlx.notx + .detailLnk { text-align: center; }
  .topicList li:nth-child(9n + 10) .detailArticle { margin-left: -100%; }
  .topicList li:nth-child(9n + 11) .detailArticle { margin-left: 0%; }
  .topicList li:nth-child(9n + 12) .detailArticle { margin-left: -100%; }
  .topicList li:nth-child(9n + 13) .detailArticle { margin-left: -200%; }
  .topicList li:nth-child(9n + 14) .detailArticle { margin-left: -300%; }
  .topicList li:nth-child(9n + 15) .detailArticle { margin-left: 0%; }
  .topicList li:nth-child(9n + 16) .detailArticle { margin-left: -100%; }
  .topicList li:nth-child(9n + 17) .detailArticle { margin-left: -200%; }
  .topicList li:nth-child(9n + 18) .detailArticle { margin-left: -300%; }
  /*.topicList li:nth-child(9n + 19) .detailArticle { margin-left: 0%; }*/
  .topicList li:nth-child(18n + 1) .detailArticle { margin-left: 0; }
  .topicList li:nth-child(18n + 2) .detailArticle { margin-left: -200%; }
  .topicList li:nth-child(18n + 3) .detailArticle { margin-left: -300%; }
  .topicList li:nth-child(18n + 4) .detailArticle { margin-left: 0; }
  .topicList li:nth-child(18n + 5) .detailArticle { margin-left: -100%; }
  .topicList li:nth-child(18n + 6) .detailArticle { margin-left: -200%; }
  .topicList li:nth-child(18n + 7) .detailArticle { margin-left: -300%; }
  .topicList li:nth-child(18n + 8) .detailArticle { margin-left: 0; }
  .topicList li:nth-child(18n + 9) .detailArticle { margin-left: -100%; }
  /*20240801*/
  .slider1 .slick-dots { margin: 20px auto 0; }
  #lnavEffort { background: linear-gradient(to bottom right, #FF9000, #EB5505 85%); padding: 90px 0; }
  #lnavEffort .inner { max-width: 980px; margin: 0 auto; }
  #lnavEffort .inner h2 { margin: 0 auto 50px; }
  #lnavEffort .inner h2 img { margin: 0 auto; }
  #lnavEffort .inner .ulLnavEffort { max-width: 900px; display: flex; justify-content: space-between; margin: 0 auto; }
  #lnavEffort .inner .ulLnavEffort > li { width: 32.2222222%; position: relative; }
  #lnavEffort .inner .ulLnavEffort > li a { display: block; transition: .6s; }
  #lnavEffort .inner .ulLnavEffort > li a:hover { opacity: .6; }
  #lnavEffort .inner .ulLnavEffort > li img { width: 100%; }
  #lnavEffort .inner .ulLnavEffort > li .catch { display: block; width: 76px; position: absolute; top: -40px; left: -40px; }
  #lnavEffort .inner .ulLnavEffort > li .catch img { width: 100%; display: block; }
  .wrapBoxEffort { padding: 120px 0 0; }
  .boxEffort h3 { background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/bg-h3-effort_a41cc91864eb79d2.png?scl=1&fmt=png-alpha); background-repeat: no-repeat; background-size: 100% 39px; background-position: center bottom; text-align: center; }
  .boxEffort h3 img { margin: 0 auto; }
  .boxEffort .lead { width: 100%; font-size: 24px; margin: 50px auto 80px; text-align: center; }
  .boxEffort .slider5 a.tglabout { display: block; position: relative; text-decoration: none !important; transition: .6s; }
  .boxEffort .slider5 a.tglabout img { display: block; width: 100%; }
  .boxEffort .slider5 a.tglabout:hover { opacity: .6; }
  .boxEffort .slider5 a.tglabout p.outer { color: #111; padding: 10px 0 0; text-align: left; font-size: 14px; line-height: 1.6; }
  .boxEffort .slider5 a.tglabout p.tag { color: #fff; position: absolute; top: 0; right: 20px; padding: 0; text-align: center; z-index: 1; width: 90px; height: 24px; font-size: 12px; line-height: 24px; border-radius: 0 0 4px 4px; }
  .boxEffort .slider5 a.tglabout p.tag.tagArea { background: #16a490; }
  .boxEffort .slider5 a.tglabout p.tag.tagExperience { background: #e8541f; }
  .boxEffort .slider5 a.tglabout p.tag.tagExpert { background: #009cd6; }
  #wrapDevSlide { max-width: 815px; margin: 0 auto; padding: 0 0 150px; }
  #wrapDevSlide .innerSlide .txt { font-size: 22px; font-weight: bold; margin: 0 auto 20px; }
  #wrapDevSlide .innerSlide .tit { margin: 0 auto 10px; text-align: center; }
  #wrapDevSlide .innerSlide .tit img { margin: 0 auto; }
  #wrapDevSlide .innerSlide a.btn { width: 520px; display: block; margin: 0 auto; height: 50px; line-height: 48px; color: #eb5505 !important; border: 1px solid #eb5505; border-radius: 30px; background: #eb5505; background: linear-gradient(124deg, #eb5505 0%, #ff8d01 100%); font-style: normal; text-decoration: none !important; transition: .6s; position: relative; color: #fff; }
  #wrapDevSlide .innerSlide a.btn:link, #wrapDevSlide .innerSlide a.btn:active, #wrapDevSlide .innerSlide a.btn:hover, #wrapDevSlide .innerSlide a.btn:visited { color: #fff !important; }
  #wrapDevSlide .innerSlide a.btn::after { content: ''; display: block; width: 10px; height: 9px; background: url(/content/dam/au-com/brand/tsunagu/img/icon-blank_1723ab7ad27c78fe.png) no-repeat; background-size: 100% auto; position: absolute; top: calc(50% - 4.5px); right: 20px; }

  .innerSlide { padding: 0 0 40px 0; }
  .slider7 .innerSlide { padding: 0 0 0 0; }
  .slider7 .imgBox { height: 280px; /* padding: 0 0 100px; */ overflow: visible; border-radius: unset; margin: 0 auto 100px; }
  .slider7 .slick-dots { margin: 0 auto 0; position: absolute; top: 290px; }
  .slider5 img { width: 100%; vertical-align: bottom; }
  .slider5 a { display: block; padding: 0 10px; }
  .slider1 .slick-prev, .slider1 .slick-next { font-size: 0; line-height: 0; position: absolute; top: calc(120px - 22px); display: block; width: 50px; height: 50px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: none !important; padding-top: 0; opacity: 1; z-index: 2; }
  .slider5 .slick-prev, .slider5 .slick-next, .slider6 .slick-prev, .slider6 .slick-next { font-size: 0; line-height: 0; position: absolute; top: 20%; display: block; width: 40px; height: 40px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: none !important; padding-top: 0; opacity: 1; z-index: 2; }
  .slider7 .slick-prev, .slider7 .slick-next { font-size: 0; line-height: 0; position: absolute; top: 32%; display: block; width: 18px; height: 30px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: none !important; padding-top: 0; opacity: 1; z-index: 2; text-align: center; }
  .slider1 .slick-prev { left: 5px; opacity: 1; }
  .slider5 .slick-prev, .slider6 .slick-prev { left: 5px; opacity: 1; }
  .slider1 .slick-next { right: 5px; opacity: 1; }
  .slider5 .slick-next, .slider6 .slick-next { right: 5px; opacity: 1; }
  .slider7 .slick-prev { left: -50px; }
  .slider7 .slick-next { right: -40px; }
  .slider1 .slick-prev:before, .slider1 .slick-next:before, .slider5 .slick-prev:before, .slider5 .slick-next:before, .slider6 .slick-prev:before, .slider6 .slick-next:before { font-family: 'slick'; font-size: 30px; line-height: 1; opacity: 1; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .slider7 .slick-prev:before, .slider7 .slick-next:before { font-family: 'slick'; font-size: 30px; line-height: 1; opacity: 1; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .slider1 .slick-prev:before { content: '\FF1C'; padding: 10px 0; display: block; transform: scale(0.7, 1); font-weight: bold; opacity: 1; text-align: center; }
  .slider1 .slick-next:before { content: '\FF1E'; padding: 10px 0; display: block; transform: scale(0.7, 1); font-weight: bold; opacity: 1; text-align: center; }
  .slider5 .slick-prev:before, .slider6 .slick-prev:before, .slider7 .slick-prev:before { 
content: '';
        padding-top: 0;
        display: block;
        font-weight: bold;
        opacity: 1;
   }
  .slider5 .slick-next:before, .slider6 .slick-next:before, .slider7 .slick-next:before { 
        content: '';
        padding-top: 0;
        display: block;
        font-weight: bold;
        opacity: 1;
  }
  /*20241129*/
  /*Wtop 20250319*/
  .wrapWtop { padding: 80px 0 0; text-align: center; }
  #no1Janan .wrapWtop,#no1Janan2 .wrapWtop { padding: 30px 0 0;}
  .wrapWtop .inner { max-width: 980px; margin: 0 auto; }
  .wrapWtop .inner > h2 { margin: 0 auto 60px; }
  .wrapWtop .inner > h2 img { margin: 0 auto; }
  .wrapWtop .inner > .lead { margin: 0 auto 40px; }
  .wrapWtop .inner > .lead .em { font-weight: bold; }
  .wrapWtop .inner > .img { margin: 0 auto 40px; }
  .wrapWtop .inner > .img + .note { text-align: left; margin: 0 auto 40px; font-size: 10px; }
  /*Wtop 20250319*/
#no1World{padding-bottom:50px ;}



  /*モーダルPsim*/
  #modalContentPsim { width: 740px; position: absolute; left: calc(50% - 370px); top: 5vw; z-index: -1; opacity: 0; text-align: center; }
  #modalContent { width: 780px; position: absolute; left: calc(50% - 390px); top: 5vw; z-index: -1; opacity: 0; text-align: center; }
  #modalBg { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; z-index: -1; top: 0; left: 0; opacity: 0; }
  .modalContentInner { width: 100%; margin: 0 auto; position: relative; /* border-radius: 10px; */ background: #FFF4D6; padding: 50px 50px; text-align: left; font-size: 16px; }
  .modalContentInner.mdlHonor { width: 100%; margin: 0 auto; position: relative; /* border-radius: 10px; */ background: #fff; padding: 60px 39px; text-align: left; font-size: 16px; text-align: center; }
  .modalContentInner.mdlHonor h3 { font-size: 16px; font-weight: bold; margin: 0 auto 15px; }
  .modalContentInner.mdlHonor .txt { margin: 0 auto 30px; }
  .modalContentInner.mdlHonor .img img { width: 100%; }
  .modalContentInner.mdlHonor .ulNote{text-align: left;}
  .btnCloseR { position: absolute; top: -20px; right: -20px; width: 6%; max-width: 40px; }
  .modalContentInner.mdlHonor .btnCloseR { position: absolute; top: -40px; right: 0; width: 28px; max-width: none; }
  .boxModal { position: relative; font-size: 14px; }
  .boxModal > h2 { margin: 0 auto 50px; text-align: center; padding-right: 15px; }
  .boxModal > h2 img { margin: 0 auto; }
  .boxModal .ulTorikumi > li:not(:last-child) { margin: 0 auto 10px; }
  .boxModal .ulTorikumi > li .boxTorikumi { background: #fff; position: relative; padding: 30px 20px 40px; text-align: left; }
  .boxModal .ulTorikumi > li .boxTorikumi .linkDetail { position: absolute; bottom: 15px; right: 15px; }
  .linkDetail:link, .linkDetail:hover, .linkDetail:active, .linkDetail:visited { color: #EB5505; }
  /*モーダル Bnr*/
  /*modalContentInner.modalBnr { width: 650px; margin: 0 auto; position: relative; background:none; padding:0; border-radius: 6px; } .modalContentInner.modalBnr .imgBnr{ border-radius: 6px; box-shadow: 0px 15px 10px 0px rgba(0,0,0,.16); } .modalContentInner.modalBnr .catchPokemon{ display: block; position: absolute; width: 120px; height: auto; top: 40px; right: -20px; z-index: 1; } .modalContentInner.modalBnr .btnCloseR { display: block; position: absolute; top: -18px; right: -16px; width: 34px; height: 34px; background: #000; border-radius: 20px; max-width: none; padding: 8px 7px 8px 8px; font-size: 0; z-index: 1; } .modalContentInner.modalBnr .btnCloseR img{width: 100%; } */
  .modalContentInner.mdlHonor.modalDev h3 { font-size: 22px; font-weight: bold; color: #EB5505; margin: 0 auto 50px; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li:not(:last-child) { margin: 0 auto 20px; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li .wrapFlex { display: flex; justify-content: space-between; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li .wrapFlex .img { width: 34%; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li .wrapFlex .img img { width: 100%; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li .wrapFlex .txt { width: 62%; display: flex; /* justify-content: center; */ align-items: center; text-align: left; margin: 0 0; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li a { display: block; color: #333 !important; text-decoration: none; transition: .6s; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li a:hover { opacity: .6; }
  #mdl_psim1 .boxModal .ulTorikumi > li:nth-child(1) .boxTorikumi .wrapH3 { padding-left: 180px; background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/img-mdl01-01_5e1f141e3401feea.png?scl=1&fmt=png-alpha); background-size: 119px auto; background-position: left 30pxtop; background-repeat: no-repeat; margin-bottom: 20px; }
  #mdl_psim1 .boxModal .ulTorikumi > li:nth-child(1) .boxTorikumi .wrapH3 h3 { margin: 0 auto 20px; }
  #mdl_psim1 .boxModal .ulTorikumi > li:nth-child(1) .boxTorikumi .img { padding-bottom: 10px; }
  #mdl_psim1 .boxModal .ulTorikumi > li:nth-child(2) .boxTorikumi { padding: 20px 20px 20px 70px; }
  #mdl_psim2 .boxModal .ulTorikumi .boxTorikumi { padding: 20px; }
  #mdl_psim2 .boxModal .ulTorikumi .boxTorikumi .wrapFlex { display: flex; justify-content: space-between; }
  #mdl_psim2 .boxModal .ulTorikumi .boxTorikumi .wrapFlex .img { width: 46%; }
  #mdl_psim2 .boxModal .ulTorikumi .boxTorikumi .wrapFlex .img img { width: 100%; }
  #mdl_psim2 .boxModal .ulTorikumi .boxTorikumi .wrapFlex .txt { width: 46%; font-size: 18px; line-height: 1.6; }
  /*20240801*/
  /*20240830*/
  #mdl_psim3 .boxModal .ulTorikumi .boxTorikumi .img { width: 58%; margin: 0 auto 20px; }
  #mdl_psim3 .boxModal .ulTorikumi .boxTorikumi .img img { width: 100%; }
  /*20240829*/
  #wrapVoice { background: #EBEBEB; padding: 100px 0; }
  #kvVoice h2 { margin: 0 auto 50px; text-align: center; font-size: 42px; font-weight: 600; color: #000; }
  #kvVoice h2 img { width: 100%; }
  #wrapVoice .slick-track { display: flex; }
  #wrapVoice .slick-slide { height: auto !important; background: #fff; border-radius: 4px; margin: 0 10px; display: flex; }
  #wrapVoice .slider6 .innerSlide { padding: 0; height: 100%; }
  #wrapVoice .slider6 .innerSlide > a { display: block; background: #fff; border-radius: 4px; padding: 0; margin: 0 0; position: relative; text-decoration: none !important; transition: .6s; height: 100%; }
  #wrapVoice .slider6 .innerSlide > a:hover { opacity: .6; }
  #wrapVoice .slider6 .innerSlide > a .imgBox { padding: 0; font-size: 0; overflow: hidden; border-radius: 4px 4px 0 0; }
  #wrapVoice .slider6 .innerSlide > a .txtBox { padding: 20px 15px 70px; color: #000; text-align: center; }
  #wrapVoice .slider6 .innerSlide > a .txtBox h3 { font-size: 17px; font-weight: bold; margin: 0 auto 10px; }
  #wrapVoice .slider6 .innerSlide > a .txtBox p.txt { font-size: 14px; }
  #wrapVoice .slider6 .innerSlide > ap.dummyLinkTxt { font-size: 14px; color: #EB5505; position: absolute; bottom: 40px; left: calc(50% - 3.4em); background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-btn-arrow.png?scl=1&fmt=png-alpha) no-repeat right 0 center; background-size: 16px auto; padding-right: 1.6em; }
  .slider6 .slick-prev, .slider6 .slick-next { top: calc(50% - 16%); }
  .slider6 .slick-dots { margin: 30px auto 0; }
  #wrapNewSP { background: #fff; padding: 0 0 50px; }
  #wrapNewSP .inner { max-width: 980px; margin: 0 auto; padding: 100px 0 0; text-align: center; }
  #wrapNewSP .inner h3 { margin: 0 auto 50px; }
  #wrapNewSP .inner .ulNewSP { display: flex; justify-content: space-between; }
  #wrapNewSP .inner .ulNewSP > li { width: 49%; background: #fff; border: solid 1px #E1E1E1; border-radius: 4px; padding: 40px 0; }
  #wrapNewSP .inner .ulNewSP > li img { display: block; width: 36%; margin: 0 auto; }
  #wrapNewSP .inner .ulNewSP > li img + p { font-weight: bold; margin: 20px auto 30px; }
  #wrapNewSP .inner .ulNewSP > li .btn { width: 65%; }
  /*20240829*/
  /*20241016*/
  /*タブ*/
  .tabArea { max-width: 780px; margin: 0 auto; }
  .tabArea .ulTab { max-width: 780px; display: flex; justify-content: center; align-items: flex-start; margin: 40px auto -1px; }
  .tabArea .ulTab li { width: 49%; display: block; }
  .tabArea .ulTab li:nth-child(1) { margin: 0 1% 0 0; }
  .tabArea .ulTab li:nth-child(2) { margin: 0 0 0 1%; }
  .tabArea .ulTab li button { display: block; width: 100%; padding: 0; height: 64px; text-decoration: none; color: #000; font-weight: bold; position: relative; border: solid 1px #DDDDDD; border-bottom: none; border-radius: 0; background: #FFF4EF; font-size: 18px; font-weight: bold; line-height: 63px; }
  
  .tabArea .ulTab li button .em { color: #eb5505; font-size: 20px; }
  .tabArea .ulTab li button.cur { opacity: 1; z-index: 4; background: #fff; }
  .tabArea .tabContent { border: solid 1px #DDDDDD; background: #fff; padding: 0; position: relative; }
  .tabArea .tabContent .innerTab { max-width: 1000px; margin: 0 auto; padding: 50px 60px 20px; }
  .tabArea .tabContent .innerTab .wrapFlex { /* display: flex; justify-content: space-between; */ margin: 0 auto ; }
  .tabArea .tabContent .innerTab .wrapFlex .boxTxt { /*width:32% ; display: flex;justify-content: center;align-items: center; width: 450px;*/ margin: 0 auto 30px; text-align: left; font-size: 15px; }
  .tabArea .tabContent .innerTab .wrapFlex .boxTxt p { position: relative; }
  .tabArea .tabContent .innerTab .wrapFlex .boxTxt .em { font-size: 16px; display: block; position: absolute; top: 0; left: 0; }
  .tabArea .tabContent .innerTab .wrapFlex .boxImg { /*width:53% ;padding-right: 20px;width: 430px;*/ margin: 0 auto; }
  .tabArea .tabContent .innerTab .note { color: #333; font-size: 12px !important; text-align: left; }
  /*タブ*/

#no1Janan2{}
#no1Janan2 .wrapWtop .inner > h2{margin: 0 auto 80px;}
#no1Janan2 .wrapWtop .inner > h2 .img1{ margin: 0 auto 80px; display: block;}
#no1Janan2 .wrapWtop .inner > h2 .img2{ margin: 0 auto ; display: block;}
#no1Janan2 .wrapWtop .compareCareer{max-width: 780px; margin: 0 auto 140px;}
#no1Janan2 .wrapWtop .compareCareer .wrapFlex{}
#no1Janan2 .wrapWtop .compareCareer .wrapFlex .boxTxt{ text-align: left;}
#no1Janan2 .wrapWtop .compareCareer .wrapFlex .img{width: 420px; margin: 0 auto 50px;}
/*#no1Janan2 .wrapWtop .compareCareer .wrapFlex .boxTxt h3{font-size: 22px; font-weight: bold; margin: 0 auto 20px;}*/
#no1Janan2 .wrapWtop .compareCareer .wrapFlex .boxTxt .txt{font-size: 14px; font-weight: bold;margin: 0 auto 40px;}
#no1Janan2 .wrapWtop .compareCareer .wrapFlex .boxTxt .note{ font-size: 12px;}
    #no1Janan2 .wrapListHonor .ulNote {
        max-width: 980px;
        margin: 0 auto;
        padding: 50px 0 0;
        text-align: left;
        font-size: 12px;
    }
    

  .wrapListHonor { padding: 0 0 50px; }
  #no1Janan .wrapListHonor { padding: 0 0 50px; }
  #no1Janan .wrapListHonor .ulNote{max-width: 980px; margin: 0 auto; padding: 50px 0 0; text-align: left; font-size: 12px;}
  .wrapListHonor .wrapSlide .innerSlide { /*display: flex;
flex-wrap: wrap;
justify-content: space-between;
*/ }
  .wrapListHonor .wrapSlide .innerSlide { max-width: 750px; margin: 0 auto ; padding: 0;}
  .wrapListHonor .wrapSlide .innerSlide .inner {
position: relative;
        background-image: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/img-dec-honor-l_45208f09b38f49b5.png?scl=1&fmt=png-alpha), url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/img-dec-honor-r_623cc59f0838e897.png?scl=1&fmt=png-alpha);
        background-repeat: no-repeat;
        background-position: left top, right top;
        background-size: auto 100%;
        width: 90%;
        margin: 0 auto 0;
        padding: 0 8% 30px;
        /* height: 210px; */
        position: relative;
        height: 100%;

   }
  /* .wrapListHonor .wrapSlide .innerSlide:nth-child(1){ width: 70%; margin: 0 auto 30px; padding: 0 8% 40px; } .wrapListHonor .wrapSlide .innerSlide:nth-child(2){ width: 58%; margin: 0 auto; padding:0 8% 30px;  background-repeat: no-repeat; background-position: left 5% bottom 20px, right 5% bottom 20px; background-size: auto 80%; } .wrapListHonor .wrapSlide .innerSlide:nth-child(3){ width: 39%; margin: 0 auto; padding:0 8% 30px;  background-repeat: no-repeat; background-position: left 5% bottom 20px, right 5% bottom 20px; background-size: auto 80%; }*/
  .wrapListHonor .wrapSlide .innerSlide .inner h3 { margin: 0 auto 20px; }
  .wrapListHonor .wrapSlide .innerSlide .inner h3 img { margin: 0 auto; width: auto;}



    .wrapListHonor .slick-dots{margin: 0 auto !important;}

  .btnMdlHonor { display: inline-block; position: relative; width: 20px; height: 20px; top: 3px; left: 5px; line-height: 16px; border: solid 2px #EB5505; border-radius: 10px; background: #fff; text-decoration: none !important; }
  .wrapSlide .innerSlide .btnMdlHonor { 
        display: inline-block;
        position: absolute;
        width: 30px;
        height: 30px;
        top: calc(50% - 10px);
        left: unset;
        right: 100px;
        line-height: 16px;
        border: solid 2px #EB5505;
        border-radius: 15px;
        background: #fff;
        text-decoration: none !important;
   }
  .btnMdlHonor::before { content: "\FF0B"; display: block; font-size: 12px; font-weight: bold; color: #eb5505; position: absolute; top: 0; left: calc(50% - 6px); text-decoration: none !important; /* line-height: 20px;*/ }
  .wrapSlide .innerSlide .btnMdlHonor::before { content: "\FF0B"; display: block; font-size: 20px; font-weight: bold; color: #eb5505; position: absolute; top: calc(50% - 8px); left: calc(50% - 10px); text-decoration: none !important; }

  /*20251029*/
  #no1Janan2 .wrapListHonor .wrapSlide .innerSlide .inner > ul{
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  #no1Janan2 .wrapListHonor .wrapSlide .innerSlide .inner > ul > li{ display: inline-block; position: relative; line-height: 16px;padding-right: 30px; margin: 5px 0;}
#no1Janan2 .wrapListHonor .wrapSlide .innerSlide .inner > ul > li .btnMdlHonor {
    position: relative;
    top: 10px;
    left: 10px;
    right: unset;
}
 #no1Janan2 .slider5 .slick-next,#no1Janan2 .slider5 .slick-prev {       top: calc(50% - 50px);   }
  /*20251029*/

  .wrapListHonor .wrapSlide .innerSlide + .note { margin: 0 auto; text-align: left; }
  #wrapImprove { padding: 80px 0; text-align: center; }
  .h2Improve { padding: 0 0 30px; margin: 0 auto; }
  .h2Improve img { margin: 0 auto; }
  .h2Improve + .noteH2 { margin: 0 auto 80px; }
  .wrapSub6 { padding: 0 0 100px; }
  .wrapSub6 h3 img { margin: 0 auto; }
  .wrapSub6 .note { text-align: center; margin: 40px auto 60px !important; }
  .wrapSub6 .txtSub6 { margin: 40px auto 0; font-weight: bold; }
  #wrapImprove a.btn, .wrapSub6 a.btn { width: 600px; display: block; margin: 0 auto; height: 70px; line-height: 68px; color: #eb5505 !important; border: 1px solid #eb5505; border-radius: 35px; background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-btn-arrow.png?scl=1&fmt=png-alpha) no-repeat right 20px center; font-style: normal; text-decoration: none !important; transition: .6s; }
  /*20241025*/
  #aboutNo1 { width: 370px; margin: 0 auto 80px; }
  #aboutNo1 a { text-decoration: none; color: #333; display: block; transition: .6s; }
  #aboutNo1 a:hover { opacity: .7; }
  #aboutNo1 h3 { text-align: center; font-size: 22px; font-weight: 700; line-height: 1; margin: 0 auto 30px; }
  #aboutNo1 .img { margin: 0 auto 20px; border: solid 1px #E6E6E6; border-radius: 4px; overflow: hidden; }
  #aboutNo1 .img img { width: 100%; }
  #aboutNo1 .txt { text-align: left; }
  .wrapMovArea { background: none; padding: 0 0 80px; }
  .wrapMovArea .inner { max-width: 800px; margin: 0 auto; }
  /*StarLink*/
  #wrapStarlink { color: #fff; text-align: center; }
  #wrapStarlink img { max-width: 100%; }
  .bgStarlink { position: relative; /*z-index: 1;*/ background: #0066aa; }
  /*.bgStarlink::before { content: ""; display: block; position: fixed; top: 0;  z-index: -1; width: 100%; height: 100vh; background-image: url(/content/dam/au-com/brand/tsunagu/img/bg-starlink_9828c456a71f9072.jpg?scl=1&fmt=png-alpha); background-size: cover; background-repeat: no-repeat; }*/
  #mvStarlink {         background: #001122 url(/content/dam/au-com/brand/tsunagu/img/bg-kv20250901_dc6f05f16ea65662.jpg?scl=1&fmt=png-alpha); background-repeat: no-repeat; background-position: center top; padding-bottom: 0; position: relative; background-size: auto 100%; }
  #mvStarlink .mvInner { max-width: 980px; margin: 0 auto; }
  #mvStarlink .mvInner img { width: 100%; }
  #wrapStarlink .h3Starlink { text-align: center; font-size: 30px; font-weight: bold; line-height: 1.4; margin: 0 auto 50px; }
  #wrapStarlink .intro { padding: 120px 0 70px; }
  #wrapStarlink .intro .logoStarlink { width: 612px; margin: 0 auto 80px; }
  #wrapStarlink .intro { text-align: center; }
  #wrapStarlink .intro > .lead { font-size: 36px; font-weight: bold; margin: 0 auto 50px; }
  #wrapStarlink .intro > .txt { margin: 0 auto 30px; }
  #wrapStarlink .intro > .img { margin: 0 auto 20px; }
  #wrapStarlink .intro > .img img { margin: 0 auto; }
#wrapStarlink .boxGuideStarlink{ background: #fff; padding: 50px 0 0; margin: 0 auto; width: 100%;}
#wrapStarlink .boxGuideStarlink a.btn{width: 660px; height: 70px; line-height: 68px; border-radius: 35px;}
#wrapStarlink .boxGuideStarlink .ulBtn > li:not(:last-child) {margin: 0 auto 20px;}

  #wrapStarlink .wrapMovArea { padding: 100px 0 0;         background: #F7F7F7;}
  #wrapStarlink .wrapMovArea .inner { max-width: 780px; }
  #wrapStarlink .wrapScene { /*width: 96%;*/ margin: 0 auto; }
  #wrapStarlink .wrapScene .ulStarlinkScene { display: flex; justify-content: space-between; margin: 0 auto 30px; }
  #wrapStarlink .wrapScene .ulStarlinkScene > li { width: 49%; }
  #wrapStarlink .wrapScene .ulStarlinkScene > li .tit { font-size: 20px; line-height: 1; margin: 0 auto 15px; }
  #wrapStarlink .wrapScene .ulStarlinkScene > li img { width: 100%; }
  #wrapStarlink .wrapScene .note { font-size: 12px; margin: 0 auto 50px; }
  #wrapStarlink .wrapScene .noticeStarlink { max-width: 780px; margin: 50px auto 0; padding: 50px 0; text-align: center; border: solid 1px #fff; line-height: 1.6; }
  #wrapStarlink .wrapScene .noticeStarlink a:link, #wrapStarlink .wrapScene .noticeStarlink a:hover, #wrapStarlink .wrapScene .noticeStarlink a:active, #wrapStarlink .wrapScene .noticeStarlink a:visited { color: #fff; }
  #wrapStarlink .wrapScene .h3Starlink { margin: 0 auto; }
  #wrapStarlink #wrapSlideScene .slider5 .innerSlide { padding: 0 10px 30px 10px; }
  #wrapStarlink #wrapSlideScene .slider5 .innerSlide .tit { font-size: 20px; margin: 0 auto 20px; line-height: 1; }
  #wrapStarlink #wrapSlideScene .slider5 .slick-prev, #wrapStarlink #wrapSlideScene .slider5 .slick-next { top: calc(50% - 35px); }
  #wrapStarlink #wrapSlideYouth .slider5 .innerSlide { padding: 100px 0 0 0; background-repeat: repeat-x; background-size: 100% 100%; }
  #wrapStarlink #wrapSlideYouth .slider5 .innerSlide .img { max-width: 820px; margin: 0 auto; }
  #wrapStarlink #wrapSlideYouth .slider5 .slick-prev, #wrapStarlink #wrapSlideYouth .slider5 .slick-next { top: calc(50% - 35px); }
  #wrapStarlink #wrapInfo { padding: 150px 0 0; max-width: 780px; margin: 0 auto; }
  #wrapStarlink #wrapInfo .boxInfo { background: #fff; padding: 20px; text-align: left; position: relative; color: #000; }
  #wrapStarlink #wrapInfo .boxInfo .btnMdlHonor { position: absolute; right: 20px; top: calc(50% - 10px); left: unset; }
  #wrapStarlink #wrapInfo .boxInfo .wrapFlex { /*display: flex; justify-content: space-between;*/ }
  #wrapStarlink #wrapInfo .boxInfo .wrapFlex .img { /*width: 50%;*/ }
  #wrapStarlink #wrapInfo .boxInfo .wrapFlex .img img { width: 100%; }
  #wrapStarlink #wrapInfo .boxInfo .wrapFlex .boxTxt { margin: 50px auto 80px; text-align: center; /*width: 48%;padding: 10px;display: flex;align-items: center;*/ /* font-weight: bold;*/ }
  #wrapStarlink #wrapInfo .boxInfo h3 { font-size: 22px; font-weight: bold; /*margin: 0 auto 40px;*/ margin: 40px auto 0; text-align: center; }
  #wrapStarlink #wrapInfo .ulBoxInfo > li:not(:last-child) { margin: 0 auto 40px; }
  #wrapStarlink #wrapInfo .ulBoxInfo > li:nth-child(2) .boxInfo { padding: 50px; text-align: center; }
  #wrapStarlink #wrapInfo .ulBoxInfo > li:nth-child(2) .boxTxt { margin: 0 auto 30px; }
  #wrapStarlink #wrapInfo .ulBoxInfo > li .boxTxt .fsS { font-size: 13px; }
  #wrapStarlink .wrapTable { max-width: 650px; margin: 0 auto; position: relative; color: #000; }
  #wrapStarlink .wrapTable table { border-collapse: collapse; border-spacing: 0; }
  #wrapStarlink .wrapTable table th { width: 12%; vertical-align: center; text-align: center; word-break: break-word; background: #E5F8FF; padding: 20px; text-align: center; font-weight: bold; color: #084D90; border-bottom: solid 2px #fff; }
  #wrapStarlink .wrapTable table td { width: 88%; vertical-align: top; text-align: center; word-break: break-word; text-align: left; padding: 20px; border-bottom: solid 2px #fff; }
  #wrapStarlink .wrapTable table td .ulMov > li { /*margin: 30px auto 0;*/ margin: 0 auto 0; }
  #wrapStarlink .wrapTable table td .ulMov > li .date { text-align: center; font-size: 18px; font-weight: bold; }
  #wrapStarlink .wrapTable table td .ulNote li { font-size: 12px; }
  #wrapStarlink .wrapTable table td .em { font-weight: bold; }
  #wrapStarlink .wrapTable table td .ulCity > li { position: relative; padding-left: 5em; }
  #wrapStarlink .wrapTable table td .ulCity > li:not(:last-child) { margin: 0 auto 10px; }
  #wrapStarlink .wrapTable table td .ulCity > li .cityName { display: block; position: absolute; top: 0; left: 0; width: 5em; font-weight: bold; }
  #wrapStarlink .wrapTable table td .ulCity > li .cityName::after { content: '\FF1A'; display: block; position: absolute; top: 0; right: 0.5em; }
  #wrapStarlink .wrapTable table td .youtube { margin: 20px auto 0; }
  #wrapStarlink #wrapSlideStarlink { padding: 150px 0 200px; }
  #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide { padding: 0 4% 40px 4%; }
  #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide a { display: block; background: #fff; padding: 14px 14px 20px; height: 100%; }
  #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide a:link, #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide a:active, #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide a:hover, #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide a:visited { text-decoration: none; color: #000; font-weight: normal; }
  #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide .txtBox { width: 94%; margin: 0 auto; text-align: left; padding: 10px 0; }
  #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide .txtBox .date { font-size: 12px; line-height: 1; margin: 0 auto 15px; }
  #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide .txtBox .txt { font-size: 15px; }
  #wrapStarlink #wrapSlideStarlink .slider5 .slick-dots > li { background: #C6C6C6 !important; }
  #wrapStarlink #wrapSlideStarlink .slider5 .slick-dots > li + li { margin-left: 15px !important; }
  #wrapStarlink #wrapSlideStarlink .slider5 .slick-prev, #wrapStarlink #wrapSlideStarlink .slider5 .slick-next { top: calc(40% - 15px); }
  /*KV Slider pauseBtnつき*/
  #mainKV .wrapSlider { position: relative; }
  #mainKV .wrapSlider .slider .innerSlide .boxSlide { margin: 30px 10px 0; height: calc(100% - 2px); text-align: center; }
  #mainKV .wrapSlider .slider .innerSlide .boxSlide .ulBnr { max-width: 680px; margin: 0 auto; }
  #mainKV .wrapSlider .slider .innerSlide .boxSlide .ulBnr img { width: 100%; }
  #mainKV .slider .slick-prev, #mainKV .slider .slick-next { top: 54%; }
  #mainKV .slider .slick-prev { left: calc(50% - 390px); }
  #mainKV .slider .slick-next { right: calc(50% - 390px); }
  #mainKV .slick_pause { font-size: 0; line-height: 0; position: absolute; bottom: 14px; display: block; width: 20px; padding: 0; margin: 0 5px; list-style: none; text-align: center; right: calc(50% - 80px); }
  /*#mainKV .slick_pause::before { display: block; content: ""; overflow: hidden; width: 13px; height: 13px; background: url(/content/dam/au-com/brand/tsunagu/img/btn-pause_6f769ffa5b6f262c.webp) no-repeat; background-size: 100% auto; background-position: bottom; cursor: pointer; }
  #mainKV .slick_pause.paused::before { background: url(/content/dam/au-com/brand/tsunagu/img/btn-pause_6f769ffa5b6f262c.webp) no-repeat; background-size: 100% auto; background-position: top; }*/
  #mainKV .slick-dots { line-height: 1; padding: 0; display: inline-block; position: relative; margin: 10px auto 0; }
  #mainKV .slick-dots > li { margin: 0; padding: 0; width: 40px; height: 40px; background: transparent; position: relative; }
  #mainKV .slick-dots > li button { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: none; z-index: 1; border-radius: 50%; overflow: hidden; }
  #mainKV .slick-dots > li button::after { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #aaa; position: absolute; top: calc(50% - 4px); left: calc(50% - 4px); }
  #mainKV .slick-dots > li.slick-active button::after { background: #EB5505; } }
@media screen and (max-width: 920px) and (min-width: 768px) { #mainBox { /*background-size: 270%;*/ }
  #bnrBox::before { left: calc( 50% + 17% ); } }
@media screen and (min-width: 768px) and (max-width: 1200px) { 
}
@media screen and (min-width: 768px) and (max-width: 1100px) { 
  #modalContentPsim, #modalContent { width: 90%; left: 5%; top: 90px; }

 }
@media screen and (min-width: 768px) and (max-width: 960px) { }
@media (max-width: 980px) { .headerWideOn #wrapHistory .slider8 .slick-prev.on, .headerWideOn #wrapHistory .slider8 .slick-next.on { top: 5px !important; }
  .headerWideOn #wrapHistory .slider8 .slick-dots.on { top: 23px !important; }
  .headerWideOn #wrapHistory .slider8 .slick-dots.on::after { top: 0 !important; }
  .headerOn #wrapHistory .slider8 .slick-prev.on, .headerOn #wrapHistory .slider8 .slick-next.on { top: calc( 5px + 44px); }
  .headerOn #wrapHistory .slider8 .slick-dots.on { top: calc(23px + 44px); }
  .headerOn #wrapHistory .slider8 .slick-dots.on::after { top: 44px; } }
@media (max-width: 1199px) { .tsunaguLP.v2 { margin-top: 36px; /*v2用*/ } }
@media (min-width: 1200px) { #modalContentPsim, #modalContent { left: calc(50% - 375px); top: 90px; }
  #floatSim { padding-left: 180px; }

  
  /*auと5Gの歩み*/
  #wrapHistory .slider8 .slick-dots.on { left: calc(50% - 300px + 90px); }
  #wrapHistory .slider8 .slick-prev.on { left: calc(50% - 350px + 90px); }
  #wrapHistory .slider8 .slick-next.on { right: calc(50% - 350px - 90px); }
  #wrapHistory .slider8 .slick-dots.on::after { left: calc(50% - 370px + 90px); } }
@media (min-width: 1400px) {  }
@media (min-width: 1600px) { }
@media (min-width: 2000px) {  }
/*---------------- SP ----------------*/
@media screen and (min-width: 0px) and (max-width: 767.98px) { .pale { background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/bg-yel.png?scl=1&fmt=png-alpha); }
  .gray { background: #f6f6f6 url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/bg-gray.png?scl=1&fmt=png-alpha); }
  .wht .lead { background: white; box-shadow: 0 0 10px 10px white; display: inline-block; }
  .contentBox { margin: 0 auto; max-width: 980px; padding: 10% 0 15%; text-align: center; }
  .tit > div > p { color: #eb5505; position: relative; line-height: 1; text-align: left; font-size: 3.4vw; padding: 5% 0 0 3%; font-style: italic; }
  .tit > div > p::before { content: ''; display: block; position: absolute; width: 76%; top: 6.6vw; right: 0; border-bottom: 1px solid #eb5505; }
  .pale.tit > div > p::before { width: 86%; }
  .orange.tit > div > p::before { width: 82%; border-bottom: 1px solid #fff; }
  .orange.tit > div > p { color: #fff; }
  #main.contentBox { padding: 10% 0; }
  #main.contentBox p { color: #eb5505; line-height: 2.2; margin-bottom: 5%; font-size: 3.3vw; font-weight: 400; }
  .attArea { border: 1px solid #d1d1d1; background-color: #fdeee6; padding: 5%; margin: 5% auto; text-align: center; }
  #mainBox { background-image: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/bg-mv202405-sp.jpg?scl=1&fmt=png8); background-repeat: no-repeat; background-position: center top; padding-bottom: 0; position: relative; background-size: 100%; }
  #mv .mvInner img { width: 100%; }
  .wrapUnderKV { margin: 0 auto; padding: 2vw; }
  .wrapUnderKV .note { font-size: 2.4vw; line-height: 1.2; }
  #main { background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 10%, white 25%) no-repeat; box-shadow: 0 10px 16px 16px rgba(192, 224, 254, 0.2); margin: 0 5% 5%; }
  #main.contentBox #stateWrap { position: relative; }
  #main.contentBox #stateWrap span.line { position: relative; display: inline-block; }
  #main.contentBox #stateWrap span.line span.grayTx { color: #ccc; }
  #main.contentBox #stateWrap span.line span.orangeTx { position: absolute; left: 0; top: 0; color: #eb5505; overflow: hidden; width: 0%; transition: 1.6s; transition-delay: 0.3s; white-space: nowrap; }
  #main.contentBox #stateWrap span.line span.orangeTx.on { width: 100%; }
  #main h2 { background: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/bg-h2-main.png?scl=1&fmt=png-alpha) no-repeat center top; background-size: 34%; }
  #main h2 img { width: 34%; opacity: 0; transition: 1.2s; transition-delay: .8s; }
  #main h2 img.on { opacity: 1; }
  p.lead { font-size: 3.4vw; margin: 0 auto 10%; text-align: left; line-height: 1.8; }
  /*202405*/
  #baseStationBox { background: #fff; padding: 0; text-align: left; }
  #baseStationBox img { width: 100%; }
  #baseStationBox > .inner { width: 94%; margin: 0 auto; }
  #baseStationBox > .inner h2 { margin: 0 auto 5%; }
  #baseStationBox > .inner .note { font-size: 2.8vw; color: #666; text-indent: -1em; padding-left: 1em; }
  #areaBox { background: #fff; padding: 0; text-align: center; }
  #areaBox img { max-width: 100%; }
  #areaBox > .inner { background: #fff; margin: 0 auto; border-radius: 2vw; padding: 0 0 10%; }
  #areaBox > .inner h2 { margin: 0 5% 0; }
  #areaBox > .inner .wrapH2 .txtPower { margin: 10% auto 3%; }
  #areaBox > .inner .wrapH2 .txt a { color: #000; text-decoration: underline; }
  #areaBox > .inner .note { font-size: 2.8vw; color: #666; line-height: 1.6; margin: 0 auto 5%; line-height: 1.6; text-align: left; }
  #areaBox > .inner > .lead { margin: 0 5% 10%; }
  #areaBox > .inner > .lead img { margin: 0 auto; }
  #areaBox > .inner > .wrapH2 { margin: 0 auto 15%; }
  #areaBox > .inner > .wrapH2 .img { margin: 0 auto 0; }
  #areaBox > .inner > .wrapH2 img { width: 100%; }
  #areaBox > .inner > .wrapH2 .img { margin: 0 auto 5%; }
  #areaBox > .inner > .wrapH2 .ulNote { margin: 0 auto 0; }
  #areaBox > .inner > .wrapH2 .ulNote > li.indent { position: relative; display: block; font-size: 2.8vw; color: #666; line-height: 1.6; text-align: left; }
  #areaBox > .inner > .wrapH2 .ulNote > li.indent.ind7 { padding-left: 7em; }
  #areaBox > .inner > .wrapH2 .ulNote > li.indent.ind10 { padding-left: 10em; }
  #areaBox > .inner > .wrapH2 .ulNote > li.indent .ind { position: absolute; top: 0; left: 0; }
  #areaBox > .inner > .img { margin: 0 10% 10%; }
  #areaBox > .inner > .img-area-02 { margin: 0 auto 10%; }
  #areaBox > .inner > .img-area-02 .tit { font-size: 4.2vw; font-weight: bold; color: #333; margin: 0 auto 0; text-align: center; }
  #areaBox > .inner > .img-area-02 .note { margin: 0 auto 0; text-align: center; }
  #areaBox > .inner > .img-area-02 .ulDist .note { margin: 0 auto 3%; }
  #areaBox > .inner > .btnBox { text-align: center; margin: 0 auto 10%; }
  #areaBox > .inner > .btnBox ul > li:not(:last-child) { margin: 0 auto 5%; }
  #areaBox > .inner > .btnBox .txt { font-size: 3.2vw; color: #ea5404; margin: 3% 5% 0; }
  .bnrBox2 { text-align: center; margin: 0 5%; padding: 5vw 0 5%; }
  .bnrBox2 .tit { margin: 0 auto 5%; font-weight: bold; }
  .bnrBox2 .tit .note { font-weight: normal; font-size: 2.8vw; }
  .bnrBox2 ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; }
  .bnrBox2 ul > li { width: 49%; }
  .bnrBox2 ul > li a { display: block; }
  .bnrBox2 ul > li img { width: 100%; }
  #areaBox > .inner #noteAreaBox { margin: 0 5% 0; background: #fff; border: solid .3vw #000; border-top: none; }
  #areaBox > .inner #noteAreaBox .tit { background: #000; padding: 3vw 8vw; }
  #areaBox > .inner #noteAreaBox .img { margin: 5vw 5vw 3vw; }
  #areaBox > .inner #noteAreaBox .note { margin: 0 5vw 5vw; }
  /*/202405*/
  div.orange { background-image: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/bg-pickup.png?scl=1&fmt=png-alpha), linear-gradient(180deg, #f45900 0, #ff8e00 100%); }
  #pickUp h2 { color: #fff; font-size: 4vw; font-weight: 700; font-style: italic; margin-bottom: 10%; line-height: 1.6; }
  #pickUp h2 span { font-size: 5vw; }
  #pickUp p.lead { margin-bottom: 10%; color: #fff; text-align: center; }
  .pickUpBox { margin: 0 5%; /*padding: 90px 0;*/ position: relative; background: linear-gradient(180deg, transparent 8vw, white 8.001vw); }
  /*.pickUpBox a.mov { display: block; border-radius: 3px; overflow: hidden;}*/
  .pickUpBoxU { margin: 0 5% 10%; /*padding: 90px 0;*/ position: relative; background: #e6eaee; }
  .pickUpBoxInner { /*margin-bottom: 100px;*/ position: relative; padding-bottom: 2%; }
  .pickUpBoxInner::before { content: ''; display: block; height: 100%; position: absolute; top: 0; left: 50%; width: 200%; background: linear-gradient(180deg, transparent 8vw, white 8.001vw); }
  .pickUpBoxU .pickUpBoxInner { position: relative; padding: 5%; padding-bottom: 12%; }
  .pickUpBoxU .pickUpBoxInner::before { content: ''; display: block; height: 100%; position: absolute; top: 0; left: 50%; width: 200%; background: #e6eaee; }
  .pickUpBoxInner.drc-rowrev { margin-bottom: 0; }
  .pickUpBoxInner .txBtn { font-size: 3.4vw; }
  .pickUpBoxInner.drc-rowrev { flex-direction: row-reverse; }
  .pickUpBoxInner > div { position: relative; }
  .pickUpBoxInner > div:first-child { width: 84%; margin: 0 auto 5%; box-shadow: 3px 3px 10px 10px rgba(0, 0, 0, 0.5); }
  .pickUpBoxInner > div img { width: 100%; margin-top: 0; margin-left: 0; /*box-shadow: 0 0 16px 16px rgba(0,0,0,.04);*/ }
  .pickUpBoxInner.drc-rowrev > div img { margin-top: 0; margin-left: 0; margin-right: -27%; margin-bottom: 0; }
  .pickUpBoxInner > div p { text-align: left; padding: 0 10% 10%; line-height: 1.9; margin-top: 4%; font-size: 3.4vw; }
  .pickUpBoxInner.drc-rowrev > div p { padding-top: 56px; }
  #ConnectIsFun h2 span, #forConnect h2 span, #ConnectIsTrue h2 span { color: #111; font-size: 3.4vw; }
  #ConnectIsFun h2, #forConnect h2, #ConnectIsTrue h2 { color: #eb5505; font-size: 5vw; font-weight: bold; line-height: 1.6; margin-bottom: 4%; font-style: italic; }
  .wht h2 { background: white; box-shadow: 0 0 10px 10px white; display: inline-block; margin: 0 auto 4%; }
  #Connect3Points h2 { margin-bottom: 5%; }
  #Connect3Points h2 img { width: 84%; }
  #spreadConnect h2 { margin-bottom: 5%; }
  #spreadConnect h2 img { width: 60%; background: #fff; box-shadow: 0 0 10px 10px white; }
  #spreadConnect p { margin-bottom: 10%; font-size: 3.4vw; background: #fff; box-shadow: 0 0 10px 10px white; display: inline-block; }
  ul#logoList { max-width: 770px; margin: 0 auto 10%; }
  ul#logoList li { width: 70%; background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-link-outer.png?scl=1&fmt=png-alpha) no-repeat right 10px bottom 10px; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.04); border-radius: 10px; margin: 0 auto 5%; }
  ul#logoList li a { padding: 8% 0; display: block; }
  ul#logoList li img { width: 40%; }
  #spreadConnect p.employees_infor { margin-bottom: 5%; background: #fff; box-shadow: 0 0 10px 10px white; display: inline-block; }
  #bnrBox { background-image: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/bg-pickup.png?scl=1&fmt=png-alpha), linear-gradient(180deg, #f45900 0, #ff8e00 100%); padding: 5% 0 0; }
  .bnr3 { width: 100%; margin: 0 auto; padding-bottom: 5%; }
  .bnr3 > div { margin-bottom: 5%; }
  .bnr3 > div:last-child { margin-bottom: 0; }
  .bnr3 > div a { display: block; width: 80%; margin: 0 auto; }
  /*.bnr3 > div:last-child { margin-top: 5%; padding-top: 5%; padding-bottom: 8%; background: #fff6ce; }*/
  .bnr3 > div a img { width: 100%; }
  #brandbnr { background: #fff6ce; padding: 5% 0; text-align: center; }
  #brandbnr > div { width: 80%; margin: 0 auto; }
  #brandbnr > div img { width: 100%; }
  #brandbnr div.brandbnrInner { margin: 0 auto; }
  #brandbnr p.employees_infor { font-size: 3.4vw; font-weight: bold; margin-bottom: 3%; }
  ul.flxList { margin: 5% 15% 0; }
  ul.flxList li { display: block; margin-bottom: 10%; }
  ul.flxList li a { display: block; text-decoration: none; }
  ul.flxList li p { width: 92%; margin-left: 8%; background: #fff; line-height: 1.8; /*border-radius: 6px 0 6px 6px;*/ padding: 6% 6% 9%; text-align: left; font-size: 3.4vw; margin-top: -7%; color: #111; position: relative; }
  ul.flxList li p.outer { background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-link-outer.png?scl=1&fmt=png-alpha) no-repeat right 10px bottom 10px; /*box-shadow: 0 0 10px 10px rgba(0,0,0,0.04);*/ }
  .imgBox { overflow: hidden; background: #f3f3f3; border-radius: 1vw; min-height: 150px; }
  .imgBox img { width: 100%; }
  ul.flxList li:nth-child(n + 4), .pale ul.flxList li:nth-child(n + 4) { display: none; }
  ul.flxList.open li:nth-child(n + 4), .pale ul.flxList.open li:nth-child(n + 4) { display: block; }
  /*20241129*/
  #wrapMedalionBox { background: #F2F2F2; padding: 8vw 3%; }
  #medalionBox { margin: 0 auto; background: #fff; padding: 10vw 3%; text-align: center; }
  #medalionBox > .inner .ulDist { width: 60vw; margin: 0 auto 10%; }
  #medalionBox > .inner .ulDist > li img, #medalionBox > .inner .imgMedal img { width: 100%; }
  #medalionBox > .inner .imgMedal { margin: 0 auto 5%; }
  #medalionBox > .inner .note { text-align: left; font-size: 2.4vw; line-height: 1.2; }
  .slider1 { /*padding-bottom: 80px; */ }
  .slider1 img { width: 100%; vertical-align: bottom; }
  .slider1 a { display: block; padding: 0 2vw; }
  .slider2 { margin: 0 auto; width: 90%; }
  .slider2 .slick-slide { border-radius: 10px; }
  .slider2 .slick-slide .slick-slideInner { background: #fff; border-radius: 10px; padding-top: 10px; position: relative; margin: 5%; padding-bottom: 5%; padding: 1%; box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.3); }
  .slider2 .slick-slide img { margin: 0 auto; width: 100%; }
  .slider2 .slick-slide img.pnt { margin: 0 auto; position: absolute; width: 24%; left: -5%; top: -4vw; }
  .slider2 .slick-slide h3 { margin: 5% auto; font-size: 3.6vw; font-weight: bold; line-height: 1.8; }
  .slider2 .slick-slide h3 span { color: #eb5505; font-size: 4.2vw; position: relative; z-index: 1; }
  .slider2 .slick-slide h3 span::after { content: ''; display: block; position: absolute; bottom: 5px; width: 100%; height: 6px; background: #fff000; z-index: -1; left: 0; }
  .slider2 .slick-slide p { max-width: 600px; margin: 0 8% 5%; line-height: 1.8; text-align: left; font-size: 3.4vw; }
  .slider3 img { width: 100%; vertical-align: bottom; }
  .slider3 a { display: block; padding: 0 3%; }
  .slick-dots { position: relative; display: block; width: 100%; padding: 0; margin: 0 auto 5%; list-style: none; text-align: center; }
  .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; /*padding: 5px;*/ cursor: pointer; border: 0; outline: none; background: #a6abb0; border-radius: 10px; }
  .slick-dots li.slick-active button { background: #ea5404; }
  #bnrBox .slick-dots li.slick-active button { background: #000; }
  .slick-dots li button:before { content: ''; }
  .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 6vw; height: 6vw; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: #fff !important; padding-top: 1vw; }
    .slick-prev:before {
        content: '';
        padding-top: 5%;
        display: block;
        transform: scale(1, 1);
        font-weight: bold;
        background: url(/content/dam/au-com/brand/tsunagu/starlink/img/btn-next-slider_7f5603a2f42a1fa8.png?scl=1&fmt=png-alpha);
        background-size: 100%;
        width: 8vw;
        height: 8vw;
        transform: rotate(180deg);
    }
        .slick-next:before {
        content: '';
        padding-top: 5%;
        display: block;
        transform: scale(1, 1);
        font-weight: bold;
        background: url(/content/dam/au-com/brand/tsunagu/starlink/img/btn-next-slider_7f5603a2f42a1fa8.png?scl=1&fmt=png-alpha);
        background-size: 100%;
        width: 8vw;
        height: 8vw;
    }

  .slick-prev { left: -4vw; }
  .slick-next { right: -4vw; }


  ul.connect3PointsNote { max-width: 736px; width: 80%; margin: 0 auto 50px; }
  ul.connect3PointsNote li { text-align: left; font-size: 2.8vw; }
  a.btn { max-width: 84%; display: block; margin: 0 auto; height: 12vw; line-height: 11.4vw; color: #eb5505 !important; border: 1px solid #eb5505; border-radius: 6vw; font-weight: bold; background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-btn-arrow.png?scl=1&fmt=png-alpha) no-repeat right 3% center; background-size: 5%; font-size: 3.4vw; font-style: normal; background-size: 3.4vw; }
  .tsunaguLP a.btnOrange { height: 15vw; line-height: 15vw; font-weight: bold; color: #fff !important; border: none; border-radius: 8vw; background: #eb5505 url(/content/dam/au-com/brand/tsunagu/img/icon-btn-arrow-white_e945d2ac92217278.png?scl=1&fmt=png-alpha) no-repeat right 20px center !important; background-size: 3.4vw auto; font-style: normal; text-decoration: none !important; }
  a.btn.ln2 { max-width: 84%; display: block; margin: 0 auto; height: 14vw; line-height: 1.4; color: #eb5505 !important; border: 1px solid #eb5505; border-radius: 7vw; font-weight: bold; background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-btn-arrow.png?scl=1&fmt=png-alpha) no-repeat right 3% center; background-size: 5%; font-size: 3.4vw; font-style: italic; padding-top: 2.6%; }
  a.btn.l2 { height: 14vw; line-height: 1.4; border-radius: 7vw; padding: 2.5vw 0; }
  a.btn.l2SP{ height: 14vw; line-height: 1.4; border-radius: 7vw; padding: 2vw 0;   }
  a.btnOrange.l2 { height: 15vw; line-height: 1.4; border-radius: 7.5vw; padding: 2.6vw 0; }
  a.btn.outer { background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-link-outer-o.png?scl=1&fmt=png-alpha) no-repeat right 6% center; background-size: 2vw; }
  a.btn.outerW { background: #eb5505 url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-link-outer-w.png?scl=1&fmt=png-alpha) no-repeat right 6% center; }
  a.btn.l2 span { display: block; line-height: 1.2; font-size: 2.8vw; font-weight: normal; font-style: normal; }
  a.more { background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-btn-plus.png?scl=1&fmt=png-alpha) no-repeat right 20px center; }
  a.more.on { background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-btn-min.png?scl=1&fmt=png-alpha) no-repeat right 20px center; }
  a.more::before { content: '\3082\3063\3068\898B\308B'; }
  a.more.on::before { content: '\9589\3058\308B'; }
  a.detailBtn { width: 74%; height: 12vw; line-height: 12vw; font-size: 3.4vw; border-radius: 6vw; background: #eb5505 url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-btn-arrow-w.png?scl=1&fmt=png-alpha) no-repeat right 6% center; background-size: 4vw; color: #fff !important; text-decoration: none !important; margin-bottom: 5%; }
  a.detailBtn_o { width: 74%; height: 12vw; line-height: 12vw; font-size: 3.4vw; border-radius: 6vw; background: #eb5505 url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-link-outer-w.png?scl=1&fmt=png-alpha) no-repeat right 6% center; background-size: 2vw; color: #fff !important; text-decoration: none !important; margin-bottom: 5%; } }
@media screen and (min-width: 0px) and (max-width: 767.98px) { .modalOn #contentsWrapper.homeTemplate { padding-top: 0 !important; }
  #floatSim .innerFSim { background: #DDD9BB; padding: 2vw; }
  #modalContentPsim, #modalContent { width: 94%; position: absolute; left: 3%; top: 3vw; z-index: -1; opacity: 0; }
  #modalContent { top: 10vw; }
  #modalBg { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; z-index: -1; top: 0; left: 0; opacity: 0; }
  .modalContentInner { width: 100%; position: relative; background: #FFF4D6; padding: 8% 3%; text-align: left; font-size: 3.8vw; }
  .modalContentInner.mdlHonor { background: #fff; text-align: center; padding: 8% 5%; }
  .btnCloseR { position: absolute; top: -2vw; right: -2vw; width: 8vw; height: 8vw; }
  .modalContentInner.mdlHonor .btnCloseR { position: absolute; top: -8vw; right: 0; width: 6vw; height: 6vw; }
  .modalContentInner.mdlHonor h3 { font-size: 3.6vw; font-weight: bold; margin: 0 auto 5%; }
  .modalContentInner.mdlHonor .txt { margin: 0 auto 8%; text-align: left; }
  .modalContentInner.mdlHonor .ulNote{text-align: left;}
  .boxModal img { max-width: 100%; }
  .boxModal { position: relative; }
  .boxModal > h2 { margin: 0 auto 8%; text-align: center; padding-right: 3vw; }
  .boxModal > h2 img { margin: 0 auto; }
  .boxModal .ulTorikumi > li:not(:last-child) { margin: 0 auto 5%; }
  .boxModal .ulTorikumi > li .boxTorikumi { background: #fff; position: relative; padding: 5% 5% 5%; text-align: left; }
  .boxModal .ulTorikumi > li .boxTorikumi .linkDetail { margin: 0 auto; text-align: center; display: block; position: relative; font-size: 3.8vw; left: 0; bottom: 0; }
  .linkDetail:link, .linkDetail:hover, .linkDetail:active, .linkDetail:visited { color: #EB5505; }
  /*モーダル Bnr*/
  .modalContentInner.modalBnr { width: 90%; position: relative; background: none; padding: 5vw 0 0; text-align: left; font-size: 0; margin: 0 auto; border-radius: 2vw; }
  .modalContentInner.modalBnr .imgBnr { border-radius: 2vw; box-shadow: 0px 15px 10px 0px rgba(0, 0, 0, 0.16); }
  .modalContentInner.modalBnr .catchPokemon { display: block; position: absolute; width: 25vw; height: auto; top: 18vw; right: -4vw; z-index: 1; }
  .modalContentInner.modalBnr .btnCloseR { display: block; position: absolute; top: .8vw; right: -4vw; width: 8vw; height: 8vw; background: #000; border-radius: 10vw; max-width: none; padding: 2vw 1.8vw 2vw 2vw; font-size: 0; z-index: 1; }
  .modalContentInner.modalBnr .btnCloseR img { width: 100%; }
  .modalContentInner.mdlHonor.modalDev h3 { font-size: 5vw; font-weight: bold; color: #EB5505; margin: 0 auto 10%; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li:not(:last-child) { margin: 0 auto 5%; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li .wrapFlex { display: flex; justify-content: space-between; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li .wrapFlex .img { width: 48.5%; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li .wrapFlex .img img { width: 100%; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li .wrapFlex .txt { width: 48.5%; display: flex; /* justify-content: center; */ align-items: center; text-align: left; margin: 0 0; font-size: 3.2vw; }
  .modalContentInner.mdlHonor.modalDev .boxModal .ulMdlDev > li a { display: block; color: #333 !important; text-decoration: none; }
  #mdl_psim1 .boxModal .ulTorikumi > li:nth-child(1) .boxTorikumi .wrapH3 { margin: 0 auto 5%; }
  #mdl_psim1 .boxModal .ulTorikumi > li:nth-child(1) .boxTorikumi .wrapH3 h3 { margin: 0 auto 5%; }
  #mdl_psim1 .boxModal .ulTorikumi > li:nth-child(1) .boxTorikumi .img { padding-bottom: 5%; }
  /*#mdl_psim1 .boxModal .ulTorikumi > li:nth-child(2) .boxTorikumi{padding:5% 3% 10%;}*/
  #mdl_psim1 .boxModal .ulTorikumi > li:nth-child(2) .boxTorikumi h3 { margin: 0 auto 5%; }
  #mdl_psim2 .boxModal .ulTorikumi .boxTorikumi { padding: 5%; }
  #mdl_psim2 .boxModal .ulTorikumi .boxTorikumi .wrapFlex .img img { margin: 0 auto 5%; }
  #mdl_psim2 .boxModal .ulTorikumi .boxTorikumi .wrapFlex .txt { margin: 0 auto 5%; }
  .tsunaguLP { font-size: 3.2vw; }
  .tsunaguLP.v2 { margin-top: 44px; /*v2用*/ }
  #g5 h2 { color: #eb5505; font-size: 4vw; font-weight: 700; font-style: italic; margin-bottom: 10%; line-height: 1.6; }
  #g5 h2 span { font-size: 5vw; }
  #g5 p.lead { margin-bottom: 10%; color: #fff; text-align: center; }
  .g5Box { margin: 0 5%; /* padding: 90px 0; */ position: relative; }
  .g5BoxInner { /*display: flex; justify-content: center;*/ position: relative; padding-bottom: 2%; background: linear-gradient(180deg, transparent 8vw, white 8.001vw); margin-bottom: 10%; }
  .g5BoxInner::before { content: ''; display: block; height: 100%; position: absolute; top: 0; left: 50%; width: 200%; background: linear-gradient(180deg, transparent 8vw, white 8.001vw); }
  .g5BoxInner.drc-rowrev { /*flex-direction: row-reverse;*/ margin-bottom: 0; }
  .g5BoxInner > div { position: relative; }
  .g5BoxInner > div:first-child { margin: 0 auto; border-radius: 1vw; overflow: hidden; }
  .g5BoxInner > div:last-child a.station5g { /*display: block; background: #fff url(/content/dam/au-com/brand/tsunagu/img/icon-outer.png) no-repeat right 3vw bottom 3vw; background-size: 4vw; width: 108%; margin-left: -13% ; border-radius: 0 1vw 1vw 0; */ }
  .g5BoxInner > div:last-child p { /*font-size: 3.4vw; text-align: center; padding: 8% 5%; margin-top: -2vw; margin-bottom: 5%; color: #111!important; text-decoration: none!important;*/ }
  .g5BoxInner > div img { width: 84%; margin-bottom: 5%; border-radius: 1vw; /*margin-left: -30%; box-shadow: 0 0 16px 16px rgba(0,0,0,.04);*/ }
  .g5BoxInner > div img.outer { border-radius: 0; margin-bottom: 0; width: 3vw; }
  .g5BoxInner > div p { /*text-align: left; padding: 0 10%; line-height: 1.9;*/ }
  .g5Boxtxt { margin: 0 10% 5%; }
  .g5Boxtxt p:first-child { background: #fdf2ed; text-align: center; color: #eb5505; font-weight: bold; font-size: 4vw; padding: 3% 0; border-radius: 1vw; }
  .g5Boxtxt p:last-child { text-align: left; font-size: 3.4vw; line-height: 2; padding: 5% 0 0 0; }
  #Topics h2 span { color: #111; font-size: 3.4vw; }
  #Topics h2 { color: #eb5505; font-size: 5vw; font-weight: bold; line-height: 1.6; margin-bottom: 4%; font-style: italic; }
  #Topics .contentBox { margin: 0 auto; max-width: none; padding: 10% 0; text-align: center; position: relative; }
  .topicList { display: flex; flex-wrap: wrap; }
  .topicList li { width: 50%; }
  .topicList li a { padding: 0 2% 5%; min-height: 40vw; position: relative; background: #fff; text-decoration: none !important; }
  .topicList li a.on::after { content: ''; position: absolute; bottom: 0; left: calc(50% - 5vw); display: block; width: 0; height: 0; border-style: solid; border-width: 0 5vw 5vw 5vw; border-color: transparent transparent #f3f3f3 transparent; }
  .topicList li a p { color: #111; padding: 5%; line-height: 1.8; font-size: 3vw; text-align: left; }
  .topicList li a p.outer { min-height: 22vw; }
  .topicList li a p.tag { color: #fff; position: absolute; top: 0; right: 3vw; padding: 0; text-align: center; z-index: 1; width: 20vw; height: 5vw; font-size: 3vw; line-height: 5vw; border-radius: 0 0 1vw 1vw; }
  .topicList li a p.tag.tagArea { background: #16a490; }
  .topicList li a p.tag.tagExperience { background: #e8541f; }
  .topicList li a p.tag.tagExpert { background: #009cd6; }
  .topicList li a .imgBox { min-height: auto; }
  .topicList li:nth-child(9n + 1) a .imgBox { position: absolute; top: 0; left: 1%; width: 98%; background: #000; border-radius: 4px; min-height: auto; }
  .topicList li:nth-child(9n + 1) a .imgBox img { opacity: .6; }
  .topicList li:nth-child(9n + 1) a p.outer { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 60vw; color: #fff; text-align: center; font-size: 5vw; }
  .topicList li:nth-child(9n + 1) { width: 100%; }
  .topicList li:nth-child(9n + 1) a { padding: 0 1%; display: block; margin-bottom: 0; }
  .detailArticle { padding: 10% 5%; background: #f3f3f3; width: 200%; margin-bottom: 3%; display: none; z-index: 2; position: relative; }
  .topicList li:nth-child(9n + 1) .detailArticle { width: 100%; }
  .detailtit { color: #eb5505; font-size: 3.8vw; text-align: left; margin-bottom: 5%; line-height: 1.7; padding: 0 4%; }
  .detailBoxFlx { margin: 0 auto; }
  .detailPhoto { margin-bottom: 5%; }
  .detailPhoto img { width: 100%; }
  .detailTxt { margin-bottom: 5%; }
  .detailTxt p { text-align: left; padding: 0 4%; line-height: 1.8; font-size: 3vw; }
  .detailArticle .detailLnk { max-width: 980px; margin: 0 auto; padding: 0; min-height: auto; text-align: center; }
  .detailArticle .detailLnk a { height: auto; background: transparent; margin-bottom: 0; font-size: 3.4vw; min-height: auto; }
  .detailArticle .detailLnk a img { width: 3vw; }
  .topicList li:nth-child(9n + 1) .detailArticle { margin-left: 0%; }
  .topicList li:nth-child(9n + 2) .detailArticle { margin-left: 0%; }
  .topicList li:nth-child(9n + 3) .detailArticle { margin-left: -100%; }
  .topicList li:nth-child(9n + 4) .detailArticle { margin-left: 0%; }
  .topicList li:nth-child(9n + 5) .detailArticle { margin-left: -100%; }
  .topicList li:nth-child(9n + 6) .detailArticle { margin-left: 0%; }
  .topicList li:nth-child(9n + 7) .detailArticle { margin-left: -100%; }
  .topicList li:nth-child(9n + 8) .detailArticle { margin-left: 0%; }
  .topicList li:nth-child(9n + 9) .detailArticle { margin-left: -100%; }
  /*20240801*/
  .slider1 .slick-dots { margin: 5% auto 0; }
  #lnavEffort { padding: 15% 5%; background: linear-gradient(to bottom right, #FF9000, #EB5505 85%); }
  #lnavEffort .inner { margin: 0 auto; }
  #lnavEffort .inner h2 { margin: 0 3% 12%; }
  #lnavEffort .inner h2 img { margin: 0 auto; width: 100%; }
  #lnavEffort .inner .ulLnavEffort { margin: 0 auto; }
  #lnavEffort .inner .ulLnavEffort > li { position: relative; margin: 0 auto 8%; }
  #lnavEffort .inner .ulLnavEffort > li:last-child { margin: 0 auto; }
  #lnavEffort .inner .ulLnavEffort > li a { display: block; transition: .6s; }
  #lnavEffort .inner .ulLnavEffort > li a:hover { opacity: .6; }
  #lnavEffort .inner .ulLnavEffort > li img { width: 100%; }
  #lnavEffort .inner .ulLnavEffort > li .catch { display: block; width: 16vw; position: absolute; top: -6vw; right: -4vw; }
  #lnavEffort .inner .ulLnavEffort > li .catch img { width: 100%; display: block; }
  .wrapBoxEffort { padding: 15% 0 5%; }
  .boxEffort { padding-bottom: 12%; }
  .boxEffort h3 img { margin: 0 auto; width: 100%; }
  .boxEffort .lead { width: 100%; font-size: 5vw; margin: 8% auto 10%; text-align: center; }
  .boxEffort .slider5 a.tglabout { display: block; position: relative; text-decoration: none !important; transition: .6s; }
  .boxEffort .slider5 a.tglabout img { display: block; width: 100%; }
  .boxEffort .slider5 a.tglabout:hover { opacity: .6; }
  .boxEffort .slider5 a.tglabout p.outer { color: #111; padding: 5%; line-height: 1.8; font-size: 3vw; text-align: left; }
  .boxEffort .slider5 a.tglabout p.tag { color: #fff; position: absolute; top: 0; right: 5vw; padding: 0; text-align: center; z-index: 1; width: 20vw; height: 5vw; font-size: 3vw; line-height: 5vw; border-radius: 0 0 1vw 1vw; }
  .boxEffort .slider5 a.tglabout p.tag.tagArea { background: #16a490; }
  .boxEffort .slider5 a.tglabout p.tag.tagExperience { background: #e8541f; }
  .boxEffort .slider5 a.tglabout p.tag.tagExpert { background: #009cd6; }
  /*20240830*/
  #mdl_psim3 .boxModal .ulTorikumi .boxTorikumi .img { width: 100%; margin: 0 auto 5%; }
  #mdl_psim3 .boxModal .ulTorikumi .boxTorikumi .img img { width: 100%; }
  #mdl_psim3 .boxModal .ulTorikumi .boxTorikumi .txt { width: 100%; margin: 0 auto 5%; }
  #wrapDevSlide { margin: 0 auto; padding: 0 0 15%; }
  #wrapDevSlide .innerSlide .txt { font-size: 5vw; font-weight: bold; margin: 0 auto 5%; }
  #wrapDevSlide .innerSlide .tit { margin: 0 auto 3%; text-align: center; }
  #wrapDevSlide .innerSlide .tit img { margin: 0 auto; }
  #wrapDevSlide .innerSlide a.btn { max-width: none; width: 80vw; display: block; margin: 0 auto; height: 12vw; line-height: 11.4vw; color: #fff; font-weight: bold; border: 1px solid #eb5505; border-radius: 6vw; background: #eb5505; background: linear-gradient(124deg, #eb5505 0%, #ff8d01 100%); font-style: normal; text-decoration: none !important; transition: .6s; position: relative; font-size: 3.4vw; color: #fff; }
  #wrapDevSlide .innerSlide a.btn:link, #wrapDevSlide .innerSlide a.btn:active, #wrapDevSlide .innerSlide a.btn:hover, #wrapDevSlide .innerSlide a.btn:visited { color: #fff !important; }
  #wrapDevSlide .innerSlide a.btn::after { content: ''; display: block; width: 10px; height: 9px; background: url(/content/dam/au-com/brand/tsunagu/img/icon-blank_1723ab7ad27c78fe.png) no-repeat; background-size: 100% auto; position: absolute; top: calc(50% - 4.5px); right: 20px; }
  .slider7 .innerSlide { padding: 0 0 0 0; }
  .slider7 .imgBox { height: 54vw; min-height: auto; overflow: visible; margin: 0 10vw 18vw; border-radius: unset; background: none; }
  .slider7 .slick-dots { margin: 0 auto 0; position: absolute; top: 56vw; }
  .slider5 img { width: 100%; vertical-align: bottom; }
  .slider5 a { display: block; padding: 0 2vw; }
  .slider1 .slick-prev, .slider1 .slick-next, .slider5 .slick-prev, .slider5 .slick-next, .slider6 .slick-prev, .slider6 .slick-next { font-size: 0; line-height: 0; position: absolute; top: 18.6vw; display: block; width: 8vw; height: 8vw; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: none !important; opacity: 1; z-index: 2; }
.slider5 .slick-prev{left: .5vw;}
.slider5 .slick-next{right: .5vw;}

  /*20241129*/
  /*Wtop 20250319*/
  .wrapWtop { padding: 10% 0 0; text-align: center; }
    #no1Janan .wrapWtop,#no1Janan2 .wrapWtop { padding: 0 0 0;}
  .wrapWtop .inner { margin: 0 5%; }
  .wrapWtop .inner > h2 { margin: 0 auto 5%; }
  .wrapWtop .inner > h2 img { margin: 0 auto; width: 100%; }
  .wrapWtop .inner > .lead { margin: 0 auto 8%; text-align: center; }
  .wrapWtop .inner > .lead .em { font-weight: bold; }
  .wrapWtop .inner > .img { margin: 0 auto 5%; }
  .wrapWtop .inner > .img img { width: 100%; }
  .wrapWtop .inner > .img + .note { text-align: left; margin: 0 auto 5%; font-size: 2.4vw; }
  /*Wtop 20250319*/
  #no1Janan2{padding-bottom: 10%;}
#no1Janan2 .wrapWtop .inner > h2{margin: 0 auto 80px;}
#no1Janan2 .wrapWtop .inner > h2 .img1{ margin: 0 auto 80px; display: block;}
#no1Janan2 .wrapWtop .inner > h2 .img2{ margin: 0 auto ; display: block;}
#no1Janan2 .wrapWtop .compareCareer{ margin: 0 5% 5%;}
#no1Janan2 .wrapWtop .compareCareer .wrapFlex{}

#no1Janan2 .wrapWtop .compareCareer .wrapFlex .boxTxt{text-align: center;}
#no1Janan2 .wrapWtop .compareCareer .wrapFlex .img{margin: 0 auto 10%;}

#no1Janan2 .wrapWtop .compareCareer .wrapFlex .boxTxt h3{font-size: 5vw; font-weight: bold; margin: 0 auto 5%;}
#no1Janan2 .wrapWtop .compareCareer .wrapFlex .boxTxt .txt{font-size: 3vw; font-weight: bold;margin: 0 auto 10%;text-align: left;}
#no1Janan2 .wrapWtop .compareCareer .wrapFlex .note{ font-size: 2.8vw; text-align: left;}
    #no1Janan2 .wrapListHonor .ulNote {
        width: 90%;
        margin: 0 auto;
        padding: 5% 0 0;
        text-align: left;
        font-size: 2.8vw;
    }

    
 
  
  #wrapMov { background: #FFF4EF; padding: 10% 0; }
  /*20240829*/
  #wrapVoice { background: #EBEBEB; padding: 15% 0 10%; }
  #kvVoice h2 { margin: 0 auto 10%; text-align: center; font-size: 7.6vw; font-weight: 600; color: #000; }
  #kvVoice h2 img { width: 100%; }
  #wrapVoice .slider6 .innerSlide > a { display: block; background: #fff; border-radius: 1vw; padding: 0; margin: 0 2vw; position: relative; text-decoration: none !important; transition: .6s; }
  #wrapVoice .slider6 .innerSlide > a:hover { opacity: .6; }
  #wrapVoice .slider6 .innerSlide > a .imgBox { padding: 0; font-size: 0; overflow: hidden; border-radius: 1vw 1vw 0 0; }
  #wrapVoice .slider6 .innerSlide > a .txtBox { padding: 5vw 3vw 14vw; color: #000; text-align: center; }
  #wrapVoice .slider6 .innerSlide > a .txtBox h3 { font-size: 3.8vw; font-weight: bold; margin: 0 auto 5%; }
  #wrapVoice .slider6 .innerSlide > a .txtBox p.txt { font-size: 3vw; }
  #wrapVoice .slider6 .innerSlide > ap.dummyLinkTxt { font-size: 3vw; color: #EB5505; position: absolute; bottom: 40px; left: calc(50% - 3.4em); background: #fff url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/icon-btn-arrow.png?scl=1&fmt=png-alpha) no-repeat right 3% center; background-size: 3.4vw; padding-right: 1.6em; }
  .slider6 .slick-prev, .slider6 .slick-next { top: calc(50% - 16%); }
  .slider6 .slick-dots { margin: 5vw auto 0; }
  #wrapNewSP { background: #fff; padding: 15% 5% 10%; }
  #wrapNewSP .inner { margin: 0 auto; padding: 0; text-align: center; }
  #wrapNewSP .inner h3 { margin: 0 auto 5%; width: 90%; }
  #wrapNewSP .inner h3 img { width: 100%; }
  #wrapNewSP .inner .ulNewSP { display: flex; justify-content: space-between; }
  #wrapNewSP .inner .ulNewSP > li { width: 49%; background: #fff; border: solid .2vw #E1E1E1; border-radius: 1vw; padding: 5% 0; }
  #wrapNewSP .inner .ulNewSP > li img { display: block; width: 100%; margin: 0 auto; }
  #wrapNewSP .inner .ulNewSP > li img + p { font-weight: bold; margin: 5% auto 10%; }
  #wrapNewSP .inner .ulNewSP > li .btn { width: 94%; max-width: none; font-size: 3vw; }
  #wrapNewSP .inner .ulNewSP > li .btn.l2SP { line-height: 1.2; padding: 2.2vw 0 2.2vw 0; height: 12vw; background-size: 3.4vw; }
  /*20240829*/
  /*20241016*/
  /*タブ*/
  .tabArea { margin: 0 auto; }
  .tabArea .ulTab { display: flex; margin: 0 0 -0.2vw; }
  .tabArea .ulTab li { width: 49%; display: block; }
  .tabArea .ulTab li:nth-child(1) { margin: 0 1% 0 0; }
  .tabArea .ulTab li:nth-child(2) { margin: 0 0 0 1%; }
  .tabArea .ulTab li button { display: block; width: 100%; height: 100%; padding: 5% 0 5%; text-decoration: none; color: #000; font-weight: bold; position: relative; border: solid .2vw #ddd; border-bottom: none; border-radius: 0; background: #FFF4EF; font-size: 3vw; font-weight: bold; line-height: 1.2; display: flex
;        justify-content: center;        align-items: center;}
  .tabArea .ulTab li button span{ }
  .tabArea .ulTab li button .em { color: #eb5505; font-size: 3.4vw; }
  .tabArea .ulTab li button.cur { opacity: 1; z-index: 4; background: #fff; }
  .tabArea .tabContent { border: solid 0.2vw #ddd; /* border-bottom: solid 0.8vw #0f386b; */ background: #fff; position: relative; background-size: 40% auto; padding: 0 0 0; }
  .tabArea .tabContent .innerTab { margin: 0 auto; padding: 8% 5% 5%; }
  .tabArea .tabContent .innerTab .wrapFlex { margin: 0 auto; }
  .tabArea .tabContent .innerTab .wrapFlex .boxTxt { text-align: left; font-size: 3vw; position: relative; margin: 0 auto 5%; }
  .tabArea .tabContent .innerTab .wrapFlex .boxTxt p { position: relative; }
  .tabArea .tabContent .innerTab .wrapFlex .boxTxt .em { display: block; position: absolute; top: 0; left: 0; }
  .tabArea .tabContent .innerTab .wrapFlex .boxImg { margin: 0 auto 5%; }
  .tabArea .tabContent .innerTab .note { color: #333; font-size: 2.8vw !important; text-align: left; margin: 0 auto !important; }
  /*タブ*/
  .wrapListHonor { padding: 10% 0 10%; }
  #no1Janan .wrapListHonor { padding: 10% 0 0; }
  #no1Janan .wrapListHonor .ulNote{width: 90%; margin: 0 auto; padding: 5% 0 8% 0; text-align: left; font-size: 2.8vw}
  .wrapListHonor .wrapSlide .innerSlide { /*margin: 0 5% 5%; */padding: 0 2%;}
  .wrapListHonor .wrapSlide .innerSlide .inner {position: relative; width: 100%; background-image: url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/img-dec-honor-l_45208f09b38f49b5.png?scl=1&fmt=png-alpha), url(https://kddi-h.assetsadobe3.com/is/image/content/dam/au-com/brand/tsunagu/img/img-dec-honor-r_623cc59f0838e897.png?scl=1&fmt=png-alpha); background-repeat: no-repeat; background-position: left bottom, right bottom; background-size: auto 90%; margin: 0 auto 3vw; padding: 0 8% 0; height: 40vw; }
  .wrapListHonor .wrapSlide .innerSlide .inner h3 { width: 60%; margin: 0 auto 5%; }
  .wrapListHonor .wrapSlide .innerSlide .inner h3 img { margin: 0 auto; }

  .btnMdlHonor { display: inline-block; position: relative; width: 6vw; height: 6vw; top: 1.4vw; left: 2vw; line-height: calc(5vw - 0.8vw); border: solid .4vw #EB5505; border-radius: 3vw; background: #fff; text-decoration: none !important; }
  .wrapSlide .innerSlide .inner .btnMdlHonor { display: inline-block; position: absolute; width: 6vw; height: 6vw; top: calc(50% - 1vw); left: unset; right: 8vw; line-height: calc(5vw - 0.8vw); border: solid .4vw #EB5505; border-radius: 3vw; background: #fff; text-decoration: none !important; }
  .btnMdlHonor::before { content: "\FF0B"; display: block; font-size: 4vw; font-weight: bold; color: #eb5505; position: absolute; top: calc(50% - 2.2vw); left: calc(50% - 2vw); text-decoration: none !important; }
  .wrapSlide .innerSlide .inner .btnMdlHonor::before { content: "\FF0B"; display: block; font-size: 4vw; font-weight: bold; color: #eb5505; position: absolute; top: calc(50% - 2.2vw); left: calc(50% - 1.9vw); text-decoration: none !important; }

   /*20251029*/
  #no1Janan2 .wrapListHonor .wrapSlide .innerSlide .inner > ul{
    margin: 0 auto;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  #no1Janan2 .wrapListHonor .wrapSlide .innerSlide .inner > ul > li{ display: block; position: relative; line-height: 4.2vw; margin: 2% 0;}
#no1Janan2 .wrapListHonor .wrapSlide .innerSlide .inner > ul > li .btnMdlHonor {
    position: relative;
    top: 1.5vw;
    left: 2vw;
    right: unset;
}
    #no1Janan2 .wrapListHonor .wrapSlide .innerSlide .inner {                background-size: 22% 90%;        height: 100%;    }
    #no1Janan2 .wrapListHonor .wrapSlide .innerSlide.slide01 .ulbtnMdl{    padding: 8vw 0; }
    .wrapListHonor .slick-dots{margin: 0 auto !important;}
    #no1Janan2 .slider5 .slick-next,#no1Janan2 .slider5 .slick-prev {    top: calc(50% - 6vw);    }
  /*20251029*/

  .wrapListHonor .wrapSlide .innerSlide .inner + .note { margin: 0 5% 5%; }
  #wrapImprove { padding: 15% 0; text-align: center; }
  .h2Improve { width: 84%; padding: 0 0 5%; margin: 0 auto; }
  .h2Improve img { margin: 0 auto; }
  .h2Improve + .noteH2 { margin: 0 5% 10%; text-align: left; }
  .wrapSub6 { padding: 0 0 20%; margin: 0 5%; }
  .wrapSub6 h3 img { margin: 0 auto; }
  .wrapSub6 .note { text-align: center; margin: 5% auto 5% !important; }
  .wrapSub6 .txtSub6 { margin: 5% auto 0; font-weight: bold; display: inline-block; padding-right: 8vw; position: relative; }
  .wrapSub6 .txtSub6 .btnMdlHonor { position: absolute; top: calc(50% - 3vw); right: 0; left: unset; }
  /*20241025*/
  #aboutNo1 { width: 80%; margin: 0 auto 80px; }
  #aboutNo1 a { text-decoration: none; color: #333; display: block; transition: .6s; }
  #aboutNo1 h3 { text-align: center; font-size: 4.4vw; font-weight: 700; line-height: 1; margin: 0 auto 5%; }
  #aboutNo1 .img { margin: 0 auto 5%; border: solid .2vw #E6E6E6; border-radius: .8vw; overflow: hidden; }
  #aboutNo1 .img img { width: 100%; }
  #aboutNo1 .txt { text-align: left; }
  .wrapMovArea { background: none; padding: 0 0 10%; }
  .wrapMovArea .inner { width: 90%; margin: 0 auto; }
  /*StarLink*/
  #wrapStarlink { color: #fff; text-align: center; }
  #wrapStarlink img { max-width: 100%; }
  .bgStarlink { position: relative; /*z-index: 1;*/ background: #0066aa; }
  /* .bgStarlink::before { content: ""; display: block; position: fixed; top: 0;  z-index: -1; width: 100%; height: 100vh; background-image: url(/content/dam/au-com/brand/tsunagu/img/bg-starlink_9828c456a71f9072.jpg); background-size: auto 100vh; background-position: center top; background-repeat: no-repeat; } */
  #mvStarlink { position: relative; }
  #mvStarlink .mvInner { margin: 0 auto; }
  #mvStarlink .mvInner img { width: 100%; }
  #wrapStarlink .h3Starlink { width: 90%; text-align: center; font-size: 5vw; font-weight: bold; line-height: 1.4; margin: 0 auto 5%; }
  #wrapStarlink .intro { padding: 15vw 0 0; }
  #wrapStarlink .intro .logoStarlink { width: 80vw; margin: 0 auto 10%; }
  #wrapStarlink .intro { text-align: center; }
  #wrapStarlink .intro > .lead { font-size: 6vw; font-weight: bold; margin: 0 auto 10%; text-align: center; }
  #wrapStarlink .intro > .lead img { display: block; width: 80vw; margin: 0 auto; }
  #wrapStarlink .intro > .txt { margin: 0 auto 10%; }
  #wrapStarlink .intro > .img { width: 80vw; margin: 0 auto 10%; }
  #wrapStarlink .intro > .img img { margin: 0 auto; }
#wrapStarlink .boxGuideStarlink{ background: #fff; padding: 8% 0 2%; margin: 0 auto; width: 100%;}
/*#wrapStarlink .boxGuideStarlink a.btn{width: 660px; height: 70px; line-height: 68px; border-radius: 35px;}*/
#wrapStarlink .boxGuideStarlink .ulBtn > li:not(:last-child) {margin: 0 auto 5%;}

  #wrapStarlink .wrapMovArea { padding: 15% 0 0;         background: #F7F7F7;}
  #wrapStarlink .wrapMovArea .inner { width: 90%; }
  #wrapStarlink .wrapScene .ulStarlinkScene { margin: 0 5% 5%; }
  #wrapStarlink .wrapScene .ulStarlinkScene > li:nth-child(1) { margin-bottom: 10%; }
  #wrapStarlink .wrapScene .ulStarlinkScene > li .tit { font-size: 4vw; margin: 0 auto 3%; }
  #wrapStarlink .wrapScene .ulStarlinkScene > li img { width: 100%; }
  #wrapStarlink .wrapScene .note { font-size: 2.8vw; margin: 0 auto 10%; }
  #wrapStarlink .wrapScene .noticeStarlink { width: 90%; margin: 15% auto 0; padding: 10% 0; text-align: center; border: solid .2vw #fff; line-height: 1.6; }
  #wrapStarlink .wrapScene .noticeStarlink a:link, #wrapStarlink .wrapScene .noticeStarlink a:hover, #wrapStarlink .wrapScene .noticeStarlink a:active, #wrapStarlink .wrapScene .noticeStarlink a:visited { color: #fff; }
  #wrapStarlink #wrapSlideScene { margin: 10% auto 0; }
  #wrapStarlink #wrapSlideScene .slider5 .innerSlide { padding: 0 2% 3% 2%; }
  #wrapStarlink #wrapSlideScene .slider5 .innerSlide .tit { font-size: 4vw; margin: 0 auto 5%; line-height: 1; }
  #wrapStarlink #wrapSlideScene .slider5 .slick-prev, #wrapStarlink #wrapSlideScene .slider5 .slick-next { top: calc(50% - 4.2vw); }
  #wrapStarlink .wrapScene .h3Starlink { margin: 0 auto; }
  #wrapStarlink #wrapSlideYouth .slider5 .innerSlide { padding: 15% 0 0 0; background-repeat: repeat-x; background-size: 100% 100%; }
  #wrapStarlink #wrapSlideYouth .slider5 .innerSlide .img { margin: 0 auto; }
  #wrapStarlink #wrapSlideYouth .slider5 .slick-prev, #wrapStarlink #wrapSlideYouth .slider5 .slick-next { top: calc(50% - 4.2vw); }
  #wrapStarlink #wrapInfo { padding: 18vw 0 0; }
  #wrapStarlink #wrapInfo .boxInfo { width: 90%; padding: 10% 0 0; margin: 0 auto; background: #fff; padding: 3vw; text-align: left; position: relative; color: #000; }
  #wrapStarlink #wrapInfo .boxInfo .btnMdlHonor { position: absolute; right: 3vw; top: unset; bottom: 8vw; left: unset; }
  #wrapStarlink #wrapInfo .boxInfo .wrapFlex .img { margin: 0 auto 3vw; }
  #wrapStarlink #wrapInfo .boxInfo .wrapFlex .img img { width: 100%; }
  #wrapStarlink #wrapInfo .boxInfo .wrapFlex .boxTxt { /*padding: 3vw;

font-weight: bold;*/ text-align: center; margin: 0 auto 10%; }
  #wrapStarlink #wrapInfo .boxInfo h3 { font-size: 4vw; font-weight: bold; text-align: center; margin: 5% auto 5%; }
  #wrapStarlink #wrapInfo .ulBoxInfo > li:not(:last-child) { margin: 0 auto 8%; }
  #wrapStarlink #wrapInfo .ulBoxInfo > li:nth-child(2) .boxInfo { padding: 5vw; text-align: center; }
  #wrapStarlink #wrapInfo .ulBoxInfo > li:nth-child(2) .boxTxt { margin: 0 auto 5%; }
  #wrapStarlink #wrapInfo .ulBoxInfo > li .boxTxt .fsS { font-size: 2.8vw; }
  #wrapStarlink .wrapTable { position: relative; color: #000; }
  #wrapStarlink .wrapTable table { border-collapse: collapse; border-spacing: 0; }
  #wrapStarlink .wrapTable table th { width: 100%; display: block; text-align: center; word-break: break-word; background: #E5F8FF; padding: 3vw 0; text-align: center; font-weight: bold; color: #084D90; border-bottom: solid 2px #fff; }
  #wrapStarlink .wrapTable table td { width: 100%; display: block; text-align: left; word-break: break-word; text-align: left; padding: 3vw 0; border-bottom: solid 2px #fff; }
  #wrapStarlink .wrapTable table td .ulMov { margin: 0 auto 5%; }
  #wrapStarlink .wrapTable table td .ulMov > li { /*margin: 10% auto 0;*/ margin: 0 auto; }
  #wrapStarlink .wrapTable table td .ulMov > li .date { text-align: center; font-size: 3.6vw; font-weight: bold; }
  #wrapStarlink .wrapTable table td .ulNote li { font-size: 2.8vw; }
  #wrapStarlink .wrapTable table td .em { font-weight: bold; text-align: center; }
  #wrapStarlink .wrapTable table td .ulCity > li { position: relative; padding-left: 5em; text-align: left; }
  #wrapStarlink .wrapTable table td .ulCity > li:not(:last-child) { margin: 0 auto 3%; }
  #wrapStarlink .wrapTable table td .ulCity > li .cityName { display: block; position: absolute; top: 0; left: 0; width: 5em; font-weight: bold; }
  #wrapStarlink .wrapTable table td .ulCity > li .cityName::after { content: '\FF1A'; display: block; position: absolute; top: 0; right: 0.5em; }
  #wrapStarlink .wrapTable table td .youtube { margin: 5% auto 0; }
  #wrapStarlink #wrapSlideStarlink { padding: 18vw 0 15vw; }
  #wrapStarlink #wrapSlideStarlink .h3Starlink { margin: 0 auto 10%; }
  #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide { padding: 0 4% 5% 4%; }
  #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide a { display: block; background: #fff; padding: 3vw 3vw 3vw; height: 100%; }
  #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide a:link, #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide a:active, #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide a:hover, #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide a:visited { text-decoration: none; color: #000; font-weight: normal; }
  #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide .imgBox { background: none; border-radius: unset; min-height: auto; }
  #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide .txtBox { width: 94%; margin: 0 auto; text-align: left; padding: 3vw 0; }
  #wrapStarlink #wrapSlideStarlink .slider5 .innerSlide .txtBox .date { font-size: 2.8vw; line-height: 1; margin: 0 auto 3vw; }
  #wrapStarlink #wrapSlideStarlink .slider5 .slick-dots > li { background: #C6C6C6 !important; }
  /*#wrapStarlink #wrapSlideStarlink .slider5 .slick-dots>li+li {margin-left: 15px !important;}*/
  #wrapStarlink #wrapSlideStarlink .slider5 .slick-prev, #wrapStarlink #wrapSlideStarlink .slider5 .slick-next { top: calc(40% - 3vw); }
  /*KV Slider pauseBtnつき*/
  #mainKV .boxSlide { padding: 5vw 5% 0; }
  #mainKV .boxSlide img { width: 100%; }
  #mainKV .boxSlide .txt { margin: 0 auto 5%; min-height: 29.8vw; line-height: 1.3; text-align: center; }
  #mainKV .ulBnr { margin: 0 auto; }
  #mainKV .slider .slick-prev, #mainKV .slider .slick-next { top: 59%; }
  #mainKV .wrapSlider { position: relative; }
  #mainKV .slick_pause { font-size: 0; line-height: 0; position: absolute; bottom: 6px; display: block; width: 15px; height: 15px; padding: 0; margin: 0 0; list-style: none; text-align: center; right: calc(50% - 60px); }
  #mainKV .slick_pause::before { display: block; content: ""; overflow: hidden; width: 15px; height: 15px; background: url(/content/dam/au-com/brand/tsunagu/img/btn-pause_af1737ce6ce09064.webp) no-repeat; background-size: 100% auto; background-position: bottom; cursor: pointer; }
  #mainKV .slick_pause.paused::before { background: url(/content/dam/au-com/brand/tsunagu/img/btn-pause_af1737ce6ce09064.webp) no-repeat; background-size: 100% auto; background-position: top; }
  #mainKV .slick-dots { line-height: 1; padding: 0; display: inline-block; position: relative; padding: 0; vertical-align: middle; margin: 2vw auto 0; }
  #mainKV .slick-dots > li { margin: 0 6px; padding: 11px 10px; width: 24px; height: 26px; background: transparent; }
  #mainKV .slick-dots > li.slick-active { background: transparent; }
  #mainKV .slick-dots > li button { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: none; z-index: 1; border-radius: 50%; overflow: hidden; vertical-align: middle; }
  #mainKV .slick-dots > li button::after { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background: #aaa; position: absolute; top: calc(50% - 5px); left: calc(50% - 5px); }
  #mainKV .slick-dots > li.slick-active button::after { background: #EB5505; } }
.view-sp { display: none !important; }

.view-pc { display: block !important; }

@media screen and (min-width: 0px) and (max-width: 767.98px) { .view-sp { display: block !important; }
  .view-pc { display: none !important; } }
/*20240626 パラメータ出し分け*/
#areaBox > .inner > .wrapH2 .ulDist > li, #areaBox .img-area-02, #areaBox .img-area-02 .ulDist > li, #areaBox .btnBox > ul > li.liDist { display: none; }

#areaBox > .inner > .wrapH2 .ulDist > li.on, #areaBox .img-area-02.on, #areaBox .img-area-02 .ulDist > li.on, #areaBox .btnBox > ul > li.liDist.on { display: block; }

/*20241129*/
#wrapMedalionBox, #medalionBox > .inner .ulDist > li { display: none; }

#wrapMedalionBox.on, #medalionBox > .inner .ulDist > li.on { display: block; }

/*modal*/
#modalContentPsim, #modalContent { z-index: 101; opacity: 1; }

.modalOn #modalBg { z-index: 100; opacity: 1; }

.modalOn #modalContentPsim, .modalOn #modalContent { z-index: 101; opacity: 1; }

.modalContentInner { display: none; }

/*タブ*/
.tabArea .tabContent .innerTab#tab1 { display: block; }
.tabArea .tabContent .innerTab#tab2 { display: none; }

/*youtube*/
.youtube { position: relative; width: 100%; padding-top: 56.25%; }

.youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

/*動画サムネイル*/
.movie { /*width: 600px;
height: 360px;
margin: 30px auto 30px;*/ position: relative; }

.movie-inner { display: block; width: 100%; z-index: 1; position: absolute; top: 0; left: 0; }

.thumb { width: 100%; max-width: 100%; cursor: pointer; }

.movie-player { position: relative; z-index: 10; }

body #contentsWrapper .contArea { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; position: relative !important; }

.slick-track { display: flex !important; }

.slick-slide { height: auto !important; }

.slick-slide > div, .slick-slide > div > .innerSlide { height: 100%; }

.fwb, .fwB { font-weight: bold !important; }

.fcred, .fcRed { color: #FF0004 !important; }

.fcorange, .fcOrange { color: #eb5505 !important; }

.fcgray { color: #666 !important; }

.palt { font-feature-settings: "palt"; }

.marker { background: linear-gradient(transparent 60%, #fae500 50%); }

.fsp80 { font-size: 80%; }

.fsp120 { font-size: 120%; }

.fsp140 { font-size: 140%; }

.taR { text-align: right; }

ul li { position: relative; }

.ind { position: absolute; top: 0; left: 0; }

.ind2 { text-align: left; position: relative; padding-left: 1.0em !important; }
.ind4 { text-align: left; position: relative; padding-left: 2.0em !important; }
.ind6 { text-align: left; position: relative; padding-left: 3.0em !important; }

.bgWhite { background: #fff; position: relative; }

#contentsWrapper .contArea { padding-bottom: 0 !important; }

#section-container-7f83f0d758 { margin-top: 0 !important; }

#section-container-066b1ad053 { margin-bottom: 0 !important; }

.footerSiteMap { margin-top: 0 !important; }

.bgStarlink.headIn::after { content: ""; display: block; position: fixed; top: 0; z-index: -1; width: 100%; height: 500px; background: #fff; }

.bgStarlink.footerIn::after { content: ""; display: block; position: fixed; bottom: 0; z-index: -1; width: 100%; height: 150px; background: #fff; }

@media screen and (min-width: 1200px) { .bgStarlink.headIn::after { content: ""; display: none; position: fixed; top: 0; z-index: -1; width: 100%; height: 0; background: #fff; } }
/*
.parallax-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.parallax-bg .bg {
background-image: url(/content/dam/au-com/brand/tsunagu/img/bg-starlink_9828c456a71f9072.jpg);
background: no-repeat center center / cover;
width: 100%;
height: 100vh;
position: sticky;
top: 0;
z-index: -1;
}*/
.tgl-content { display: none; }

.measureTag { height: 60px; margin: 0 auto -60px; }

.box-note { width: 100%; max-width: 980px; position: relative; margin: 3rem auto; color: #333333; text-align: left; }
.box-note ul, .box-note li { width: 100%; position: relative; }
.box-note li { font-size: 12px; text-indent: -1.3rem; padding-left: 1.3rem; }
.box-note li > span { margin-right: .3%; }
.box-note .tbd { margin: 3rem 0 0; text-align: center; font-size: 14px; }

.starlink-cv { width: 100%; position: relative; margin: 0 0 5rem; }
.starlink-cv ul { max-width: 980px; margin: 0 auto; display: flex; justify-content: space-between;}
.starlink-cv li + li { }
.starlink-cv li { width: 49%; position: relative; padding: 30px 40px; color: #333333; font-weight: bold; background: #f7f7f7; border-radius: 10px; }

.starlink-cv li a.btnOrange { width: 100%; max-width: 524px; height: auto; line-height: inherit; margin: 1rem auto 0; padding: 1.1rem 2rem;}
.starlink-cv li .item { display: flex; justify-content: center; }
.starlink-cv li .big { font-size: 30px; margin: .5rem 0 0; }
.starlink-cv li .small { font-size: 12px; margin: .5rem 0 0; font-weight: normal; }
.starlink-cv .titWai { display: flex; justify-content: center; align-items: flex-end; font-size: 20px; }
.starlink-cv .titWai .fsS{font-size:75% ;}
.starlink-cv .titWai .titWaiSlashL, .starlink-cv .titWai .titWaiSlashR { 
font-size: 26px;
    font-weight: 900;
    transform: scale(1, 1.8);
    display: inline-block;
    line-height: 26px;
    margin: 0 0 10px 0;
}
.starlink-cv .titWai .titWaiSlashL { padding-right: 15px; }
.starlink-cv .titWai .titWaiSlashR { padding-left: 15px; }
.starlink-cv .tit {
    font-size: 20px;
    margin: 0 auto;
}

.f-bn { width: calc(100% - 180px); left: 0; right: 0; bottom: 0; margin: 0 0 0 auto; position: fixed; padding: 1rem 0; text-align: center; background: #fff; pointer-events: none; opacity: 0; visibility: hidden; bottom: -100px; transition: bottom 0.4s ease, opacity 0.4s ease; z-index: 9999; pointer-events: none; }
.f-bn ul { display: flex; width: 100%; max-width: 980px; margin: 1rem auto 0; }
.f-bn li { width: calc((100% - 1%) / 2); }
.f-bn li:first-child { margin-right: 1%; }
.f-bn li a { height: 100%; display: block; margin: 0 auto; display: flex; align-items: center; justify-content: center; padding: 1rem 2rem; font-size: 18px; font-weight: bold; color: #fff; border: none; border-radius: 45px; background: #eb5505 url(/content/dam/au-com/brand/tsunagu/img/icon-btn-arrow-white_e945d2ac92217278.png?scl=1&fmt=png-alpha) no-repeat right 20px center; background-size: 17px auto; font-style: normal; text-decoration: none !important; transition: .6s; }
.f-bn > p { font-weight: bold; color: #0075BE; }
.f-bn .f-bn-close { width: 20px; position: absolute; top: 1rem; right: 1rem; }
.f-bn .f-bn-close img { max-width: 20px; }
.f-bn.is-visible { opacity: 1; visibility: visible; bottom: 0; pointer-events: auto; }

.dotCircle { position: absolute; top: 0; left: 0; opacity: 0; transform: scale(1); transition-duration: 0.6s; z-index: 0; }
.slick-active .dotCircle { opacity: 1; transform: scale(1); transition-duration: 0.6s; }
.dotCircle svg { position: absolute; top: 0; left: 0; width: 40px; height: 40px; }
.dotCircle circle { transform-origin: center center; fill: transparent; stroke: #d8d8d8; stroke-width: 1px; }
.dotCircle circle.move_circle { stroke: #D29200; stroke-width: 2px; box-sizing: border-box; transform: rotate(-90deg); stroke-dasharray: 0 150; }
.slick-active .dotCircle circle.move_circle { animation: circle 5.3s linear forwards; }
.slick-active .dotCircle.slickpause circle.move_circle { animation-play-state: paused; }

@keyframes circle { 0% { stroke-dasharray: 0 134; }
  99.9%,to { stroke-dasharray: 136 134; } }
#wrapStarlink #wrapSlideYouth .slider5 .innerSlide .img { max-width: 750px; }

#wrapImprove { padding: 80px 0 0; }
#wrapImprove .h2Improve img { max-width: 100%; }

.bgStarlink { background: white; }

#wrapYouth { background: white; }
#wrapYouth .slick-slider .slick-track, #wrapYouth .slick-slider .slick-list { background: #f7f7f7; }

#wrapNewSP .inner h3 img { padding: 0 30%; max-width: 100%; }

#areaBox > .inner { padding-bottom: 20px; }

.mainvisual { width: 100%; position: relative; min-height: 600px; height: 100%; background: url("/content/dam/au-com/brand/tsunagu/img/mv-img_4a3c52126955857e.jpg") no-repeat top center; background-size: auto 100%; }
.mainvisual .logo { width: 234px; height: 234px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.news-list { width: 100%; position: relative; margin: 5rem auto 0; }
.news-list h2.ttl { width: 100%; position: relative; text-align: center; }
.news-list h2.ttl img { max-width: 150px; }


.area-improve { padding: 0; }
.area-improve .wrapSlide { padding: 3rem 0; background: #f7f7f7; }
.area-improve .wrapSlide .slick-dots { margin: 0 auto; }
.area-improve .wrapSlide .slick-slide { margin: 0 2rem; }
.area-improve .wrapSlide .innerSlide { width: 100%; position: relative; }
.area-improve .wrapSlide .innerSlide a { width: 100%; height: 100%; display: flex; flex-direction: column; position: relative; padding: 0; color: #333333; background: white; }
.area-improve .wrapSlide .innerSlide a:hover { text-decoration: none; }
.area-improve .wrapSlide .innerSlide .txtBox { height: 100%; display: flex; flex-direction: column; padding: 2rem; text-align: left; font-weight: 500; }
.area-improve .wrapSlide .innerSlide .btn-more { display: flex; align-items: center; margin: auto 0 0; padding: 1rem 0 0; font-weight: normal; font-size: 12px; }
.area-improve .wrapSlide .innerSlide .btn-more i { margin-right: 1%; }
.area-improve .wrapSlide .innerSlide .btn-more i > img { max-width: 10px; }
.area-improve .wrapSlide .innerSlide .btn-more:hover { text-decoration: underline; }

@media screen and (min-width: 768px) and (max-width: 1200px) { .f-bn { width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .box-note { padding: 0 2rem; }
  .starlink-cv { padding: 0 2rem; }
  .f-bn { padding: 1rem 2rem; }
  .area-improve .wrapSlide .slick-slide { margin: 0 .4%; } }
@media screen and (min-width: 0px) and (max-width: 767.98px) { #wrapImprove { padding: 8vw 0 0; }
  .box-note { padding: 0 4vw; margin: 5vw auto; }
  .box-note li { font-size: 2.8vw; text-indent: -4vw; padding-left: 4vw; }
  .box-note li > span { margin-right: .5%; }
  .box-note .tbd { margin: 5vw 0 0; font-size: 3vw; }
  .starlink-cv { padding: 0 4vw; margin: 0 0 8vw; }
  .starlink-cv ul {display: block;}
  .starlink-cv li + li { margin: 5vw 0 0; }
  /*.starlink-cv li { padding: 8vw 10vw; }*/
.starlink-cv li { width: 100%;       padding: 5% 5%;        border-radius: 2vw;    }
  .starlink-cv li a.btnOrange { margin: 3vw 0 0; padding: 3vw 2vw; }
  .starlink-cv li .item { padding: 0 8vw; }
  .starlink-cv li .big { font-size: 4.5vw; margin: 1vw 0 0; }
  .starlink-cv li .small { font-size: 2.8vw; margin: 1vw 0 0; }
  .starlink-cv .titWai { font-size: 4.5vw; }
  .starlink-cv .titWai .titWaiSlashL, .starlink-cv .titWai .titWaiSlashR {
font-size: 4.5vw;
        line-height: 4.5vw;
        margin: 0 0 3.4vw 0;
        transform: scale(1.2, 2.6);
  }
  .starlink-cv .titWai .titWaiSlashL { padding-right: 1.2vw; }
  .starlink-cv .titWai .titWaiSlashR { padding-left: 1.2vw; }
  .starlink-cv .tit {
        font-size: 4.5vw;
        margin: 0 auto 0;
  }
  .f-bn { width: 100%; padding: 3vw 2vw; bottom: -100vw; }
  .f-bn ul { margin: 3vw auto 0; }
  .f-bn li a { padding: 2vw; font-size: 3.2vw; border: none; border-radius: 50vw; background: #eb5505 url(/content/dam/au-com/brand/tsunagu/img/icon-btn-arrow-white_e945d2ac92217278.png?scl=1&fmt=png-alpha) no-repeat right 20px center; background-size: 3.4vw auto; }
  .f-bn .f-bn-close { width: 4vw; top: 2vw; right: 1vw; }
  .f-bn .f-bn-close img { max-width: 100%; }
  .dotCircle { left: -1px; }
  .dotCircle circle.move_circle { stroke-width: 3px; }
  .dotCircle svg { /*transform: translate(-18%, -18%) scale(.64)*/ ransform: translate(-18%, -18%) scale(0.8); }
  #wrapNewSP .inner h3 img { padding: 0 5%; }
  .mainvisual { min-height: auto; background: none; }
  .mainvisual .logo { width: 100%; height: auto; position: relative; }
  .mainvisual .logo img { max-width: 100%; }
  .news-list { margin: 10vw auto 0; }

.news-list .n-l-inner li a.btnMdlWhatsnew .iconPlus {
    display: inline-block;
    position: absolute;
    width: 5vw;
    height: 5vw;
    right: .6rem;
    top: calc(50% - .5rem);
    line-height: calc(5vw - 0.8vw);
    border: solid .4vw #EB5505;
    border-radius: 2.5vw;
    background: #fff;
    text-decoration: none !important;
}
.news-list .n-l-inner li a.btnMdlWhatsnew .iconPlus::before {
        content: "\FF0B";
        display: block;
        font-size:3vw;
        font-weight: bold;
        color: #eb5505;
        position: absolute;
        top: 0;
        left: calc(50% - 1.6vw);
        text-decoration: none !important;
        /* line-height: 20px; */
}

  .news-list h2.ttl { font-size: 4vw; }
  .news-list .n-l-inner { padding: 2vw 4vw 8vw; }
  .news-list .n-l-inner li dl { flex-wrap: wrap; padding: 4vw 8vw 4vw 4vw; }
  .news-list .n-l-inner li dt { width: 100%; }
  .news-list .n-l-inner li dd { width: 100%; margin: 1vw 0 0; }
  .news-inner .date { margin: 0 0 3vw; }
  .news-inner .detail { line-height: 1.6; }
  .area-improve .wrapSlide { padding: 8vw 0; } 


}
.wrapListHonor .wrapSlide .slick-cloned .modalv2 {pointer-events: none;}