strong{
  font-weight: bold;
}
@media print,screen and (min-width: 768px) {
    h2{
      font-weight: bold;
      margin-top: 95px;
      margin-bottom: 28px;
    }
    h2:first-of-type{
      margin-top: 40px;
    }
    .contents_body ul.large{
      overflow: hidden;
    }
    .contents_body ul.large li{
      margin: 28px 0 0;
      overflow: hidden;
    }
    .contents_body ul.large li img{
      float: left;
    }
    .contents_body ul.large li .txt_wrap{
      margin-left: 252px;
      padding: 32px 0 0;
    }
    .contents_body ul.large li .post{
      font-size: 13px;
      line-height: 17px;
    }
    .contents_body ul.large li .name_jp{
      font-size: 20px;
      font-weight: bold;
      line-height: 28px;
      margin: 6px 0 0;
    }
    .contents_body ul.large li .name_en{
      font-family: 'Josefin Sans', sans-serif;
      font-size: 12px;
      line-height: 16px;
      color: #666666;
      margin: 0;
    }
    .contents_body ul.large li .toggle{
      position: relative;
      font-size: 11px;
      font-weight: bold;
      line-height: 28px;
      color: #0099D9;
      letter-spacing: 0.04em;
      margin: 26px 0 0;
      padding-left: 21px;
      cursor: pointer;
    }
    .contents_body ul.large li .toggle:before{
      content: '';
			position: absolute;
			left: 2px;
			top: 7px;
			width: 14px;
			height: 14px;
			background: url('/jp/en/img/common/toggle.png') no-repeat center center;
			background-size: 100% auto;
    }
    .contents_body ul.large li .toggle.on:before{
      transform:rotate(180deg);
    }

    .contents_body ul.large li .info{
      padding: 14px 0 0;
      display: none;
    }
    
    .contents_body ul.large li .info .title{
      font-size: 15px;
      font-weight: bold;
      line-height: 20px;
      letter-spacing: 0.04em;
      padding: 21px 0 15px;
    }
    .contents_body ul.large li .info dl dt{
      float: left;
      width: 120px;
      font-size: 15px;
      line-height: 28px;
    }
    .contents_body ul.large li .info dl dd{
      margin-left: 130px;
      font-size: 15px;
      line-height: 28px;
    }
    .contents_body ul.large li .info dl.long dt{
      width: 170px;
    }
    .contents_body ul.large li .info dl.long dd{
      margin-left: 170px;
    }
    .contents_body ul.large li .info p{
      font-size: 15px;
      line-height: 28px;
    }

    .contents_body ul.small{
      overflow: hidden;
      font-size: 0;
      margin: 0 -14px;
    }
    .contents_body ul.small li{
      display: inline-block;
      width: 224px;
      margin: 28px 14px 0;
    }
    .contents_body ul.small li .post{
      font-size: 13px;
      line-height: 17px;
    }
    .contents_body ul.small li .name_jp{
      font-size: 20px;
      font-weight: bold;
      line-height: 28px;
      margin: 6px 0 0;
    }
    .contents_body ul.small li .name_en{
      font-size: 12px;
      line-height: 16px;
      color: #666666;
      margin: 0;
    }



    .pc_none {
        display: none !important
    }
}

@media screen and (max-width: 767px) {

    html,
    body {
        /*font-size: .26667vw*/
    }

    body {
        min-width: 320px
    }

    h2{
      font-weight: bold;
      margin-top: 60px;
      margin-bottom: 0;
    }
    h2:first-of-type{
      margin-top: 4px;
    }

    .contents_body ul.large{
      overflow: hidden;
    }
    .contents_body ul.large li{
      margin: 28px 0 0;
      overflow: hidden;
    }
    .contents_body ul.large li img{
      float: left;
      width: calc(140 / 375 * 100vw);
      height: calc(140 / 375 * 100vw);
    }
    .contents_body ul.large li .txt_wrap{
      margin-left: calc(170 / 375 * 100vw);
      padding: calc(19 / 375 * 100vw) 0 0;
    }

    .contents_body ul.large li .post{
      font-size: 13px;
      line-height: 17px;
    }
    .contents_body ul.large li .name_jp{
      font-size: 20px;
      font-weight: bold;
      line-height: 28px;
      margin: 6px 0 0;
    }
    .contents_body ul.large li .name_en{
      font-family: 'Josefin Sans', sans-serif;
      font-size: 12px;
      line-height: 16px;
      color: #666666;
      margin: 0;
    }
    .contents_body ul.large li .toggle{
      position: relative;
      font-size: 11px;
      font-weight: bold;
      line-height: 28px;
      color: #0099D9;
      letter-spacing: 0.04em;
      margin: calc(20 / 375 * 100vw) 0 0;
      padding-left: 21px;
    }
    .contents_body ul.large li .toggle:before{
      content: '';
			position: absolute;
			left: 2px;
			top: 7px;
			width: 14px;
			height: 14px;
			background: url('/jp/en/img/common/toggle.png') no-repeat center center;
			background-size: 100% auto;
    }
    .contents_body ul.large li .toggle.on:before{
      transform:rotate(180deg);
    }

    .contents_body ul.large li .info{
      clear: both;
      padding: 10px 0 0;
      margin-left: calc(-170 / 375 * 100vw) ;
      display: none;
    }
    .contents_body ul.large li .info .title{
      font-size: 15px;
      font-weight: bold;
      line-height: 20px;
      letter-spacing: 0.04em;
      padding: 14px 0 14px;
    }
    .contents_body ul.large li .info dl dt{
      font-size: 15px;
      line-height: 28px;
    }
    .contents_body ul.large li .info dl dd{
      font-size: 15px;
      line-height: 28px;
    }
    .contents_body ul.large li .info p{
      font-size: 15px;
      line-height: 28px;
    }

    .contents_body ul.small{
      overflow: hidden;
      font-size: 0;
      margin: 0;
    }
    .contents_body ul.small li{
      display: inline-block;
      width: 50%;
      margin: 28px 0 0;
    }
    .contents_body ul.small li .post{
      font-size: 13px;
      line-height: 17px;
    }
    .contents_body ul.small li .name_jp{
      font-size: 20px;
      font-weight: bold;
      line-height: 28px;
      margin: 6px 0 0;
    }
    .contents_body ul.small li .name_en{
      font-size: 12px;
      line-height: 16px;
      color: #666666;
      margin: 0;
    }


    .sp_none {
        display: none !important
    }
}