@charset "UTF-8";
/* patches/ _page-medicine-quality.scss 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
page-medicine-quality用css
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Lib */
/* //////////////////////////////////

File Name > lib/_variables.scss

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Color
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	Base Color
--------------------------------------*/
/* 基本テキストカラー */
/* Link Text Color */
/* 
	Definition Color
--------------------------------------*/
/* 白 */
/* 黒 */
/* 
	Function Color
--------------------------------------*/
/* 翻訳センター アクセントカラー */
/* お問い合わせボタンカラー */
/* 区切り線カラー */
/* 背景カラー */
/* 
	使用不明 Color
--------------------------------------*/
/* Sub Color */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Font
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Width
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	Device Break Point
--------------------------------------*/
/* Base Width */
/* //////////////////////////////////

File Name > lib/ _mixins.scss

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	テキストリンク設定
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	Definition Color
--------------------------------------*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Hover Effect
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	HE - Opacity
--------------------------------------*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Parts
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	a タグ Block 化
--------------------------------------*/
/* 
	Text Shadow（1px）
--------------------------------------*/
/* 
	遷移用ARROW（ White）
--------------------------------------*/
/* 
	遷移用ARROW（ Orange：下向き）
--------------------------------------*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Media Query
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	神作成
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 見出しミックスイン */
/* Lib/ _mixin*/
.ttl-mega strong {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 1px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 20px; }

/* 品質管理体制 ------------------------------------------------------------------------------------------------- */
.quality-control h3 {
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px; }

.quality-control p {
  letter-spacing: 1px;
  text-align: left;
  font-size: 14px;
  width: 90%;
  margin: 0 auto 20px; }
  @media print, screen and (min-width: 960px) {
    .quality-control p {
      text-align: center; } }

.quality-control img {
  width: 90%;
  display: block;
  margin: 0 auto; }
  @media print, screen and (min-width: 960px) {
    .quality-control img {
      width: 940px; } }

.quality-control .daigram-pc {
  display: none; }
  @media print, screen and (min-width: 768px) {
    .quality-control .daigram-pc {
      display: block; } }

@media print, screen and (min-width: 768px) {
  .quality-control .daigram-sp {
    display: none; } }

/* タイトルなしセクション ---------------------------------------------------------------------------------- */
.ttl-non-sec {
  width: 90%;
  margin: 0 auto; }
  @media print, screen and (min-width: 960px) {
    .ttl-non-sec {
      width: 940px; } }

/*画像右側verボックス リスト部分
.list-imgset-right{
	ul{
		padding-left: 15px;
	}
	li{
		font-size: 14px;
		line-height: 1.8;
		list-style-type: disc;
	}
}*/
/* 各種ツールの活用 ------------------------------------------------------------------------------------------ */
.sec-tool {
  border-top: 4px solid #070002;
  width: 90%;
  margin: 0 auto; }
  @media print, screen and (min-width: 960px) {
    .sec-tool {
      width: 940px; } }
  .sec-tool .sub-text {
    letter-spacing: 1px;
    font-size: 14px;
    margin: 0 auto 20px; }
    @media print, screen and (min-width: 960px) {
      .sec-tool .sub-text {
        text-align: center;
        width: 90%; } }

.sec-tool .box-wrap {
  overflow: hidden; }
  .sec-tool .box-wrap .box-left {
    overflow: hidden;
    margin-bottom: 20px; }
    @media print, screen and (min-width: 768px) {
      .sec-tool .box-wrap .box-left {
        margin-bottom: 0; } }
    @media print, screen and (min-width: 960px) {
      .sec-tool .box-wrap .box-left {
        float: left;
        width: 435px; } }
  .sec-tool .box-wrap .box-right {
    overflow: hidden; }
    @media print, screen and (min-width: 960px) {
      .sec-tool .box-wrap .box-right {
        float: right;
        width: 445px; } }
  .sec-tool .box-wrap dl {
    width: 55%;
    float: left; }
    @media print, screen and (min-width: 768px) {
      .sec-tool .box-wrap dl {
        width: 70%; } }
    @media print, screen and (min-width: 960px) {
      .sec-tool .box-wrap dl {
        width: 255px; } }
    .sec-tool .box-wrap dl dt {
      font-size: 16px;
      letter-spacing: 3px;
      font-weight: normal;
      margin-bottom: 20px; }
      @media print, screen and (min-width: 960px) {
        .sec-tool .box-wrap dl dt {
          font-size: 18px; } }
    .sec-tool .box-wrap dl dd {
      font-size: 14px;
      letter-spacing: 1px;
      margin-bottom: 20px; }
  .sec-tool .box-wrap img {
    display: block;
    width: 40%;
    float: right; }
    @media print, screen and (min-width: 768px) {
      .sec-tool .box-wrap img {
        width: 20%; } }
    @media print, screen and (min-width: 960px) {
      .sec-tool .box-wrap img {
        width: 164px; } }

/* 専門性の高い翻訳者や校正者について ------------------------------------------------------------------------------------------ */
.sec-tool {
  border-top: 4px solid #070002;
  width: 90%;
  margin: 0 auto; }
  @media print, screen and (min-width: 960px) {
    .sec-tool {
      width: 940px; } }
  .sec-tool .sub-text {
    letter-spacing: 1px;
    font-size: 14px;
    margin: 0 auto 20px; }
    @media print, screen and (min-width: 960px) {
      .sec-tool .sub-text {
        text-align: center;
        width: 90%; } }

.sec-tool .box-wrap {
  overflow: hidden; }
  @media print, screen and (min-width: 960px) {
    .sec-tool .box-wrap {
      margin: 0 auto; } }
  .sec-tool .box-wrap table {
    width: 100%;
    border: 1px solid #666666; }
    .sec-tool .box-wrap table th {
      width: 65%;
      padding: 15px 20px;
      border: none;
      border-bottom: 1px solid #666666;
      border-right: 1px solid #666666;
      text-align: left; }
      @media print, screen and (min-width: 768px) {
        .sec-tool .box-wrap table th {
          width: 70%;
          padding: 15px; } }
      @media print, screen and (min-width: 960px) {
        .sec-tool .box-wrap table th {
          padding: 15px 20px; } }
    .sec-tool .box-wrap table td {
      padding: 15px 20px;
      border: none;
      border-bottom: 1px solid #666666;
      text-align: center; }
      @media print, screen and (min-width: 768px) {
        .sec-tool .box-wrap table td {
          padding: 15px; } }
      @media print, screen and (min-width: 960px) {
        .sec-tool .box-wrap table td {
          padding: 15px 20px; } }
    .sec-tool .box-wrap table span {
      font-size: 12px; }
  .sec-tool .box-wrap .tbl-ttl {
    background: #666666;
    color: #fff;
    font-size: 12px; }
    .sec-tool .box-wrap .tbl-ttl th {
      text-align: center; }
    @media print, screen and (min-width: 768px) {
      .sec-tool .box-wrap .tbl-ttl td {
        padding: 15px 10px; } }
  .sec-tool .box-wrap .tableone {
    margin-bottom: 20px; }
    @media print, screen and (min-width: 768px) {
      .sec-tool .box-wrap .tableone {
        float: left;
        width: 48%; } }
  @media print, screen and (min-width: 768px) {
    .sec-tool .box-wrap .tabletwo {
      float: right;
      width: 48%; } }

/* スタッフ教育への取り組み ---------------------------------------------------------------------------------------*/
.sec-staff {
  border-top: 4px solid #070002;
  width: 90%;
  margin: 0 auto; }
  @media print, screen and (min-width: 960px) {
    .sec-staff {
      width: 940px; } }

@media print, screen and (min-width: 768px) {
  .sec-staff .pt-2 dl {
    width: 43%; } }

@media print, screen and (min-width: 960px) {
  .sec-staff .pt-2 dl {
    width: 424px; } }

.sec-staff .pt-2 img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block; }
  @media print, screen and (min-width: 768px) {
    .sec-staff .pt-2 img {
      width: 52%;
      float: right; } }
  @media print, screen and (min-width: 960px) {
    .sec-staff .pt-2 img {
      width: 480px; } }

.sec-staff .pt-2 a {
  font-size: 12px;
  width: 90%; }
  @media print, screen and (max-width: 320px) {
    .sec-staff .pt-2 a {
      font-size: 10px; } }
  @media print, screen and (min-width: 768px) {
    .sec-staff .pt-2 a {
      font-size: 12px;
      width: 95%; } }
  @media print, screen and (min-width: 960px) {
    .sec-staff .pt-2 a {
      font-size: 14px;
      width: 340px;
      padding: 10px 0;
      margin: 0; } }