@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,900");
@import url(/common/fonts/icomoon/style.css);
/* !!------------------------------------ */
/* !!-------------SP------------------- */
/* !!------------------------------------ */
/* !! 個別記事 */
html {
  font-size: 62.5%;
  color: #3E3A39; }

#main.shinshakaijin.wide img {
  max-width: 100%; }

#main.shinshakaijin.wide > section > h1 {
  display: none; }

#main.shinshakaijin.wide > section > p {
  font-size: 1.2rem;
  line-height: 1.83; }

#main.shinshakaijin.wide .mv {
  width: 100vw;
  margin-left: -7.8vw;
  margin-bottom: 8.1vw; }
  #main.shinshakaijin.wide .mv img {
    width: 100% !important;
    height: auto !important; }

#main.shinshakaijin.wide .icon-external-link {
  color: #ea5e7a; }

#main.shinshakaijin.wide .topic-header {
  margin-bottom: 25px; }
  #main.shinshakaijin.wide .topic-header h1 {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 15px; }
    #main.shinshakaijin.wide .topic-header h1 strong {
      font-size: 2.4rem;
      display: block;
      font-weight: bold;
      margin: 12px 0; }
  #main.shinshakaijin.wide .topic-header p {
    font-size: 1.3rem;
    line-height: 1.54; }
    #main.shinshakaijin.wide .topic-header p strong {
      font-weight: bold !important; }

@media screen and (max-width: 767px) {
  #main.shinshakaijin.wide div.full {
    margin-left: -8.1vw !important;
    width: 100vw !important;
    margin: 8.1vw 0; }
    #main.shinshakaijin.wide div.full img {
      width: 100% !important;
      height: auto !important; } }

#main.shinshakaijin.wide .has_caption {
  margin-bottom: -8.1vw !important; }

#main.shinshakaijin.wide .caption {
  background: rgba(243, 243, 243, 0.8);
  padding: 8.1vw;
  z-index: 1;
  position: relative; }
  #main.shinshakaijin.wide .caption p {
    font-size: 1.2rem;
    line-height: 1.83;
    margin-top: -0.415em;
    margin-bottom: -0.415em;
    font-weight: bold; }
  #main.shinshakaijin.wide .caption .note {
    padding: 0;
    border: none !important;
    margin-bottom: 5px !important;
    position: relative;
    padding-left: 1em;
    position: relative; }
    #main.shinshakaijin.wide .caption .note i {
      font-style: normal;
      position: absolute;
      top: 0;
      left: 0; }
    #main.shinshakaijin.wide .caption .note:last-of-type {
      margin-bottom: 0 !important; }
  #main.shinshakaijin.wide .caption .red {
    color: #ff1d25; }

#main.shinshakaijin.wide .wacoal-comment {
  border: 1px solid #ea5e7a;
  padding: 8.1vw;
  border-radius: 4px;
  margin: 8.1vw 0;
  position: relative; }
  #main.shinshakaijin.wide .wacoal-comment h3 {
    position: absolute;
    padding: 0 20px;
    top: 1px;
    left: 50%;
    line-height: 1;
    white-space: nowrap;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ea5e7a;
    font-size: 1.4rem; }
  #main.shinshakaijin.wide .wacoal-comment p {
    margin-bottom: 0;
    line-height: 1.83;
    font-size: 1.2rem;
    text-align: justify;
    margin-top: -0.415em;
    margin-bottom: -0.415em; }

#main.shinshakaijin.wide .lead p {
  font-size: 1.2rem; }

#main.shinshakaijin.wide .part > h2 {
  line-height: 19px;
  font-size: 1.2rem;
  text-align: center;
  margin: 13.5vw 0;
  letter-spacing: 0px;
  white-space: normal;
  margin-left: -8.1vw;
  text-align: center;
  width: 100vw;
  padding: 0 10px;
  display: block; }
  #main.shinshakaijin.wide .part > h2 i {
    display: inline-block !important;
    margin: 0 2px; }
    #main.shinshakaijin.wide .part > h2 i.nm {
      margin: 0;
      display: inline-block !important; }
  @media screen and (max-width: 374px) {
    #main.shinshakaijin.wide .part > h2 i {
      display: inline !important; }
    #main.shinshakaijin.wide .part > h2 strong i {
      margin-bottom: 10px; } }
  #main.shinshakaijin.wide .part > h2 strong {
    font-size: 2.4rem;
    display: block;
    text-align: center;
    font-weight: bold !important;
    margin-bottom: 6px;
    line-height: 1; }
    #main.shinshakaijin.wide .part > h2 strong i {
      display: inline-block; }

#main.shinshakaijin.wide .mk {
  background: url(marker_bg.png) no-repeat;
  background-size: 200% 40%;
  background-position: 200% bottom; }
  #main.shinshakaijin.wide .mk.on {
    background-position: 0% bottom; }

#main.shinshakaijin.wide .sdw {
  box-shadow: 5px 5px 0 #D1E6F2; }

#main.shinshakaijin.wide .zadankai.part > .hd-wrap img {
  display: block; }

#main.shinshakaijin.wide .zadankai.part h3 {
  color: #3E3A39;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  margin: 8.1vw 0;
  font-weight: bold !important; }
  #main.shinshakaijin.wide .zadankai.part h3 br {
    display: none; }
  #main.shinshakaijin.wide .zadankai.part h3 b {
    font-weight: bold !important; }

#main.shinshakaijin.wide .zadankai.part > .img img {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin-bottom: 4.05vw; }

#main.shinshakaijin.wide .zadankai.part .comment-wrap {
  margin-bottom: 8.1vw; }
  #main.shinshakaijin.wide .zadankai.part .comment-wrap > p {
    background: #ebf5ec;
    padding: 15px;
    border-radius: 20px;
    position: relative;
    font-size: 1.3rem;
    line-height: 2;
    margin-bottom: 4.05vw;
    margin-left: 70px; }
    #main.shinshakaijin.wide .zadankai.part .comment-wrap > p b {
      position: absolute;
      white-space: nowrap;
      left: -70px;
      top: 0;
      color: #420000;
      font-size: 1.4rem;
      line-height: 1.6; }
      #main.shinshakaijin.wide .zadankai.part .comment-wrap > p b i {
        display: block;
        text-align: center;
        font-size: 0.77em;
        font-weight: normal; }
    #main.shinshakaijin.wide .zadankai.part .comment-wrap > p:before {
      position: absolute;
      content: "";
      width: 32px;
      height: 23px;
      top: 10px;
      left: -10px;
      background-image: url(fukidashi-anchor2.svg);
      background-repeat: no-repeat;
      -webkit-background-size: 100% 100%;
      background-size: 100% 100%;
      background-position: center center; }
    #main.shinshakaijin.wide .zadankai.part .comment-wrap > p:nth-of-type(2n), #main.shinshakaijin.wide .zadankai.part .comment-wrap > p.bl {
      background: #eaf6fd; }
      #main.shinshakaijin.wide .zadankai.part .comment-wrap > p:nth-of-type(2n):before, #main.shinshakaijin.wide .zadankai.part .comment-wrap > p.bl:before {
        background-image: url(fukidashi-anchor4.svg);
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        background-position: center center; }
    #main.shinshakaijin.wide .zadankai.part .comment-wrap > p.gr {
      background: #ebf5ec !important; }
    #main.shinshakaijin.wide .zadankai.part .comment-wrap > p.wacoal {
      background: #fef2f3; }
      #main.shinshakaijin.wide .zadankai.part .comment-wrap > p.wacoal b {
        color: #ea5e7a; }
      #main.shinshakaijin.wide .zadankai.part .comment-wrap > p.wacoal:before {
        background-image: url(fukidashi-anchor3.svg);
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        background-position: center center; }
  #main.shinshakaijin.wide .zadankai.part .comment-wrap > div {
    margin-left: 70px; }
    #main.shinshakaijin.wide .zadankai.part .comment-wrap > div img {
      width: 100% !important;
      height: auto !important;
      margin-bottom: 4.05vw; }
  #main.shinshakaijin.wide .zadankai.part .comment-wrap > a {
    margin-left: 70px;
    margin-bottom: 4.05vw;
    display: block; }
    #main.shinshakaijin.wide .zadankai.part .comment-wrap > a img {
      width: 100% !important;
      height: auto !important; }
  #main.shinshakaijin.wide .zadankai.part .comment-wrap figure {
    margin-bottom: 4.05vw;
    display: block;
    margin-left: 70px; }
    #main.shinshakaijin.wide .zadankai.part .comment-wrap figure img {
      display: block;
      width: 100% !important;
      height: auto !important; }
  #main.shinshakaijin.wide .zadankai.part .comment-wrap figcaption {
    font-size: 1.2rem;
    font-weight: bold;
    display: block;
    margin-top: 10px; }

#main.shinshakaijin.wide .zadankai.part .row.end img {
  margin-bottom: 4.05vw;
  display: block; }

#main.shinshakaijin.wide .end.part .info {
  margin: 13.5vw 0;
  border: 1px solid #AAA8A8;
  padding: 4.05vw; }
  #main.shinshakaijin.wide .end.part .info h3 {
    font-size: 1.6rem;
    font-weight: bold; }
    #main.shinshakaijin.wide .end.part .info h3 span {
      display: inline-block;
      margin-right: 8px; }
    #main.shinshakaijin.wide .end.part .info h3 img {
      width: 115px;
      height: auto;
      display: inline-block; }
  #main.shinshakaijin.wide .end.part .info p {
    font-size: 1.3rem;
    margin-top: 1em;
    margin-bottom: 0;
    line-height: 1.5; }
    #main.shinshakaijin.wide .end.part .info p a {
      display: inline-block; }
  #main.shinshakaijin.wide .end.part .info .srch {
    font-size: 1.6rem;
    margin-top: 15px;
    font-weight: bold;
    font-size: 0;
    text-align: center; }
    #main.shinshakaijin.wide .end.part .info .srch span {
      display: inline-block;
      font-size: 1.6rem;
      margin-right: 10px;
      text-align: left; }
    #main.shinshakaijin.wide .end.part .info .srch a {
      display: inline-block;
      text-align: left;
      width: 160px;
      border: 2px solid #B4B4B5;
      padding-left: 10px;
      line-height: 30px;
      height: 32px;
      font-size: 1.6rem;
      text-decoration: none;
      position: relative; }
      #main.shinshakaijin.wide .end.part .info .srch a:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        right: 0;
        width: 30px;
        height: 30px;
        background-color: #B4B4B5;
        z-index: 1;
        background-image: url(icon-search.svg);
        background-repeat: no-repeat;
        -webkit-background-size: 17px 17px;
        background-size: 17px 17px;
        background-position: center center; }

@media screen and (min-width: 768px) {
  /* !!------------------------------------ */
  /* !!-------------PC------------------- */
  /* !!------------------------------------ */
  /* !! 個別記事 */
  #main.shinshakaijin.wide {
    overflow: visible;
    width: 1000px;
    /*
.mk strong{
	background:url(/news/201809/files/marker_bg.png)  no-repeat;
	background-size: 200% 50%;
	background-position-y: bottom;
	background-position-x: 200%;
	//background-position:0% bottom;
}
*/
    /*
img.sdw{
	box-shadow:5px 5px 0 #D1E6F2;
}
*/ }
    #main.shinshakaijin.wide img {
      max-width: 100%; }
    #main.shinshakaijin.wide > section {
      width: auto;
      margin: 0; }
      #main.shinshakaijin.wide > section .date {
        position: static; }
      #main.shinshakaijin.wide > section > h1 {
        display: none; }
      #main.shinshakaijin.wide > section > p {
        font-size: 1.4rem;
        text-align: center; }
    #main.shinshakaijin.wide .mv {
      width: 100%;
      margin-left: 0;
      margin-bottom: 30px; }
      #main.shinshakaijin.wide .mv img {
        width: 100% !important;
        height: auto !important; }
    #main.shinshakaijin.wide .topic-header {
      display: flex;
      justify-content: space-between;
      margin: 50px 0 !important; }
      #main.shinshakaijin.wide .topic-header .h1-wrap {
        position: relative;
        width: 354px !important;
        border: 1px solid #000;
        margin-bottom: 3px; }
      #main.shinshakaijin.wide .topic-header h1 {
        white-space: nowrap;
        font-size: 1.8rem;
        line-height: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #main.shinshakaijin.wide .topic-header h1 strong {
          font-size: 3rem; }
      #main.shinshakaijin.wide .topic-header p {
        font-size: 1.6rem;
        line-height: 2;
        width: 626px !important;
        margin-bottom: 0;
        margin-top: -0.3em;
        margin-bottom: -0.3em; }
    #main.shinshakaijin.wide div.full {
      margin: 30px auto; }
      #main.shinshakaijin.wide div.full.inner {
        width: 800px; }
      #main.shinshakaijin.wide div.full img {
        width: 100% !important;
        height: auto !important; }
    #main.shinshakaijin.wide .divide {
      margin: 80px 0px;
      text-align: center;
      font-size: 1.6rem; }
      #main.shinshakaijin.wide .divide:after {
        content: "";
        height: 1px;
        width: 300px;
        margin: 0 auto;
        background: #ccc;
        display: block;
        margin-top: 30px; }
    #main.shinshakaijin.wide .has_caption {
      margin-bottom: 15px !important; }
    #main.shinshakaijin.wide .idx {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: space-between; }
      #main.shinshakaijin.wide .idx .full {
        margin: 0;
        margin-bottom: 15px; }
      #main.shinshakaijin.wide .idx .caption {
        height: 238px;
        position: relative; }
        #main.shinshakaijin.wide .idx .caption p {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: 0 !important;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          white-space: nowrap;
          font-size: 1.6rem; }
    #main.shinshakaijin.wide .lead > div {
      width: 485px; }
    #main.shinshakaijin.wide .caption {
      background: rgba(243, 243, 243, 0.8);
      padding: 30px;
      z-index: 1;
      position: relative; }
      #main.shinshakaijin.wide .caption p {
        font-size: 1.2rem;
        line-height: 1.83;
        margin-top: -0.415em;
        margin-bottom: -0.415em;
        font-weight: bold; }
      #main.shinshakaijin.wide .caption .note {
        padding: 0;
        border: none !important;
        margin-bottom: 5px !important;
        position: relative;
        padding-left: 1em;
        position: relative; }
        #main.shinshakaijin.wide .caption .note i {
          font-style: normal;
          position: absolute;
          top: 0;
          left: 0; }
        #main.shinshakaijin.wide .caption .note:last-of-type {
          margin-bottom: 0 !important; }
      #main.shinshakaijin.wide .caption .red {
        color: #ff1d25; }
    #main.shinshakaijin.wide .wacoal-comment {
      border: 1px solid #ea5e7a;
      padding: 30px;
      border-radius: 4px;
      margin: 30px auto;
      position: relative;
      width: 800px; }
      #main.shinshakaijin.wide .wacoal-comment h3 {
        position: absolute;
        padding: 0 20px;
        top: 1px;
        left: 50%;
        line-height: 1;
        white-space: nowrap;
        background: #fff;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #ea5e7a;
        font-size: 1.6rem; }
      #main.shinshakaijin.wide .wacoal-comment p {
        line-height: 1.83;
        font-size: 1.4rem !important;
        text-align: justify;
        margin: 0; }
    #main.shinshakaijin.wide .part > h2 {
      line-height: 26px;
      font-size: 1.6rem;
      margin-bottom: 50px;
      letter-spacing: 0px; }
      #main.shinshakaijin.wide .part > h2 i {
        display: inline-block;
        margin: 0 5px; }
        #main.shinshakaijin.wide .part > h2 i.nm {
          margin: 0; }
      #main.shinshakaijin.wide .part > h2 strong {
        font-size: 2.4rem;
        display: block;
        text-align: center;
        font-weight: bold !important;
        margin-top: 6px; }
    #main.shinshakaijin.wide .zadankai.part {
      width: 1000px;
      margin: auto;
      position: relative;
      margin-bottom: 80px; }
      #main.shinshakaijin.wide .zadankai.part h2 {
        text-align: left;
        margin: 0;
        margin-bottom: 50px;
        padding-left: 0; }
        #main.shinshakaijin.wide .zadankai.part h2 strong {
          text-align: left; }
      #main.shinshakaijin.wide .zadankai.part .hd-wrap {
        display: block;
        position: static;
        height: 0;
        position: absolute;
        top: 0;
        right: 0;
        overflow: visible;
        margin: 0 !important; }
        #main.shinshakaijin.wide .zadankai.part .hd-wrap img {
          display: block;
          position: static;
          top: 0;
          right: 0;
          width: 360px !important;
          height: auto !important;
          margin-bottom: 15px; }
        #main.shinshakaijin.wide .zadankai.part .hd-wrap .has_caption {
          margin-top: 20px !important;
          margin-bottom: 15px !important; }
          #main.shinshakaijin.wide .zadankai.part .hd-wrap .has_caption:first-of-type {
            margin-top: 0 !important; }
        #main.shinshakaijin.wide .zadankai.part .hd-wrap .caption {
          padding: 20px;
          width: 360px; }
          #main.shinshakaijin.wide .zadankai.part .hd-wrap .caption p {
            font-size: 1.3rem; }
      #main.shinshakaijin.wide .zadankai.part h3 {
        font-size: 1.7rem;
        line-height: 1.5;
        text-align: justify;
        margin: 30px 0; }
      #main.shinshakaijin.wide .zadankai.part > img {
        display: block;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 15px; }
      #main.shinshakaijin.wide .zadankai.part > .img {
        height: 0;
        position: relative;
        width: 360px; }
        #main.shinshakaijin.wide .zadankai.part > .img img {
          width: 360px !important;
          height: 240px !important;
          position: absolute;
          top: 0;
          left: 0; }
      #main.shinshakaijin.wide .zadankai.part .comment-wrap {
        width: 610px;
        margin-bottom: 30px; }
        #main.shinshakaijin.wide .zadankai.part .comment-wrap > p {
          padding: 15px;
          border-radius: 20px;
          position: relative;
          font-size: 1.4rem;
          line-height: 2;
          margin-bottom: 15px;
          margin-left: 70px; }
          #main.shinshakaijin.wide .zadankai.part .comment-wrap > p b {
            position: absolute;
            left: -70px;
            top: 0;
            color: #4D0F0F; }
          #main.shinshakaijin.wide .zadankai.part .comment-wrap > p:before {
            position: absolute;
            content: "";
            width: 32px;
            height: 23px;
            top: 10px;
            left: -10px; }
          #main.shinshakaijin.wide .zadankai.part .comment-wrap > p.wacoal {
            position: relative;
            left: 390px;
            margin-right: 70px;
            margin-left: 0; }
            #main.shinshakaijin.wide .zadankai.part .comment-wrap > p.wacoal b {
              left: auto;
              right: -70px; }
            #main.shinshakaijin.wide .zadankai.part .comment-wrap > p.wacoal:before {
              left: auto;
              right: -10px;
              -webkit-transform: rotate(131deg);
              -moz-transform: rotate(131deg);
              -ms-transform: rotate(131deg);
              -o-transform: rotate(131deg);
              transform: rotate(131deg); }
        #main.shinshakaijin.wide .zadankai.part .comment-wrap > div {
          margin-left: 70px; }
          #main.shinshakaijin.wide .zadankai.part .comment-wrap > div img {
            width: 100% !important;
            height: auto !important;
            margin-bottom: 15px; }
        #main.shinshakaijin.wide .zadankai.part .comment-wrap > a {
          margin-left: 70px;
          margin-bottom: 15px;
          display: block;
          text-align: right; }
          #main.shinshakaijin.wide .zadankai.part .comment-wrap > a img {
            width: 300px !important;
            height: auto !important; }
        #main.shinshakaijin.wide .zadankai.part .comment-wrap figure {
          margin-bottom: 0;
          display: block;
          margin-left: 0;
          position: absolute;
          right: 0;
          width: 360px;
          top: 255px; }
          #main.shinshakaijin.wide .zadankai.part .comment-wrap figure img {
            display: block;
            width: 100% !important;
            height: auto !important; }
        #main.shinshakaijin.wide .zadankai.part .comment-wrap figcaption {
          font-size: 1.2rem;
          font-weight: bold;
          display: block;
          text-align: justify;
          margin-top: 15px;
          margin-left: 195px;
          white-space: nowrap; }
      #main.shinshakaijin.wide .zadankai.part .comment-wrap._2 {
        position: relative;
        height: auto;
        padding-left: 390px;
        width: auto !important; }
        #main.shinshakaijin.wide .zadankai.part .comment-wrap._2 .img {
          width: auto;
          position: absolute;
          bottom: 0;
          left: -390px;
          margin-left: 0; }
          #main.shinshakaijin.wide .zadankai.part .comment-wrap._2 .img img {
            margin: 0 !important; }
        #main.shinshakaijin.wide .zadankai.part .comment-wrap._2 .hd-wrap {
          position: absolute;
          left: 0;
          top: 0;
          width: 360px;
          margin: 0 !important; }
      #main.shinshakaijin.wide .zadankai.part .comment-wrap._3 {
        margin-top: 50px;
        position: relative; }
        #main.shinshakaijin.wide .zadankai.part .comment-wrap._3 .img {
          position: absolute;
          width: 360px;
          top: 0;
          right: -390px;
          margin: 0; }
      #main.shinshakaijin.wide .zadankai.part .row.end {
        display: flex;
        margin-top: 50px;
        justify-content: space-between; }
        #main.shinshakaijin.wide .zadankai.part .row.end img {
          display: block;
          width: 485px !important;
          height: auto;
          height: 324px; }
    #main.shinshakaijin.wide .end.part {
      position: relative;
      padding-right: 0;
      height: auto;
      margin-top: 50px; }
      #main.shinshakaijin.wide .end.part .info {
        margin: 0 auto;
        padding: 15px;
        width: 500px;
        position: relative;
        bottom: 0;
        left: 0; }
        #main.shinshakaijin.wide .end.part .info h3 {
          font-size: 1.6rem;
          font-weight: bold; }
          #main.shinshakaijin.wide .end.part .info h3 span {
            display: inline-block;
            margin-right: 8px; }
          #main.shinshakaijin.wide .end.part .info h3 img {
            width: 115px;
            height: auto;
            display: inline-block; }
        #main.shinshakaijin.wide .end.part .info p {
          font-size: 1.4rem;
          margin-top: 1em;
          margin-bottom: 0;
          line-height: 1.5; }
  /* !!------------------------------------ */
  /* !! ウィンドウズのみ */
  body.Win .comment p.s {
    font-size: 1.1rem !important; }
  body.Win .comment p.s2 {
    font-size: 1.3rem !important; } }

/*# sourceMappingURL=tryfit-4.css.map */