/*<ol>の番号を変更する*/
ul, ol{
  counter-reset:number; /* 名前を付けたカウンターをリセット */
  list-style:none; /* olが数字を付けることをキャンセル */
  text-indent: 2mm; 
  padding-top: 10px;
	padding-left: 18px;
  /*margin: 0 0 0 -22; */
}

ol li{
  /* リスト部分は好きに装飾！ */
}
ol li:before{
  /* カウンタ（数字になる部分） */
  counter-increment: number; /* 任意の名前を付けて！ */
  content: counter(number)"．"; /* 名前を付けたカウンターを呼び出し */
  /* 色を変えたり、背景画像を敷いたり！自由自在！ */
}



/*タブ切り替え全体のスタイル*/
.tabs_schedule1 {
    background-color: #fff;
    width: 100%;
    margin: 10px 0 0 0;
  }
  
  /*タブのスタイル*/
  .tab_schedule1,
  .tab_schedule2 {
    width: calc(100%/8);
    height: auto;
    background-color: #fff;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    color: #000000;
    display: block;
    float: left;
    text-align: center;
    font-weight: normal;
    transition: all 0.5s ease;
    border-right: 1px solid #999;
    cursor: pointer;
    cursor: hand;
  }
  .tab_schedule1:hover {
    background-color: #333;
    color: #fff;
  }
  .tab_schedule2:hover {
    background-color: #333;
    color: #fff;
  }
 
  
  /*ラジオボタンを全て消す*/
  input[name="tab_schedule1"] {
    display: none;
  }
  
  /*タブ切り替えの中身のスタイル*/
  .tab_schedule_content1 {
    display: none;
    padding: 20px 0 0 0;
    clear: both;
    overflow: hidden;
  }

 /*ラジオボタンを全て消す*/
 input[name="tab_schedule2"] {
    display: none;
  }
  
  /*タブ切り替えの中身のスタイル*/
  .tab_schedule_content2 {
    display: none;
    padding: 20px 0 0 0;
    clear: both;
    overflow: hidden;
  }



/*選択されているタブのコンテンツのみを表示*/
#SCT0001_2020:checked ~ #SCT0001_2020_content,
#SCT0001_2019:checked ~ #SCT0001_2019_content,
#SCT0001_2018:checked ~ #SCT0001_2018_content,
#SCT0001_2017:checked ~ #SCT0001_2017_content,
#SCT0001_2016:checked ~ #SCT0001_2016_content {
  display: block;
}


#SCT0002_2020:checked ~ #SCT0002_2020_content,
#SCT0002_2019:checked ~ #SCT0002_2019_content,
#SCT0002_2018:checked ~ #SCT0002_2018_content,
#SCT0002_2017:checked ~ #SCT0002_2017_content,
#SCT0002_2016:checked ~ #SCT0002_2016_content {
  display: block;
}




#FLE_2020:checked ~ #FLE_2020_content,
#FLE_2019:checked ~ #FLE_2019_content,
#FLE_2018:checked ~ #FLE_2018_content,
#FLE_2017:checked ~ #FLE_2017_content,
#FLE_2016:checked ~ #FLE_2016_content,
#FLE_2015:checked ~ #FLE_2015_content,
#FLE_2014:checked ~ #FLE_2014_content,
#FLE_2013:checked ~ #FLE_2013_content,
#FLE_2012:checked ~ #FLE_2012_content,
#FLE_2011:checked ~ #FLE_2011_content,
#FLE_2010:checked ~ #FLE_2010_content {
  display: block;
}









/*選択されているタブのスタイルを変える*/
.tabs_schedule input:checked + .tab_schedule1 {
    background-color: #333;
    color: #fff;
}
.tabs_schedule input:checked + .tab_schedule2 {
    background-color: #333;
    color: #fff;
}



/* PDF icon */
a[href$=".pdf"]:after {
  content:"　";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(../images/PDF_24.png) no-repeat;
  background-size:cover;
}

/* Excel icon */
a[href$=".xlsx"]:after {
  content:"　";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/excel_24.png) no-repeat;
  background-size:cover;
}
a[href$=".xls"]:after {
  content:"　";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(../images/excel_24.png) no-repeat;
  background-size:cover;
}

/* word icon */
a[href$=".docx"]:after {
  content:"　";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(../images/word_24.png) no-repeat;
  background-size:cover;
}
a[href$=".doc"]:after {
  content:"　";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(../images/word_24.png) no-repeat;
  background-size:cover;
}

/* zip icon */
a[href$=".zip"]:after {
  content:"　";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(../images/folder_zip_24.png) no-repeat;
  background-size:cover;
}


.ecohighlight {
    width: auto;
    background-color: #ffffff;
    border-radius: 3px;
    padding: 15px;
    line-height: 1.15em;
    word-wrap: break-word;
    margin-bottom: 1px
}

.ecohighlight h2 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 15px;
    line-height: 1.5em;
    padding: 10px;
    padding-left: 0
}

.ecohighlight h2.recommend:before {
    content: "Point!";
    color: #fff;
    font-size: 12px;
    background-color: #ff9900;
    border-radius: 50%;
    padding: 20px 8px;
    margin-right: 10px
}

/*
.ecocode {
    padding: 8px 6px;
    color: #d14;
    white-space: nowrap;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    font-size: 1em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
*/

.contact_btn{
	padding:1em 0;
	text-align: center;
}

.contact_btn a{
	font-size:16px;
	border:2px solid #1462be;
	border-radius: 2em;
	padding:1em 2.5em 1em 2em;
	position: relative;
}

.contact_btn a::after{
	content: "";
	position: absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto;
	background:url("../images/sub6-icon.svg") no-repeat;
	width:10px;
	height:10px;
}

.contact_btn a:hover{
	color:#1462be;
	background:#efefef;
}



.ecocode { 
    color: #505050;/*文字色*/
    padding: 0.5em;/*文字周りの余白*/
    display: inline-block;/*おまじない*/
    line-height: 1.3;/*行高*/
    background: #ffeaea;/*背景色*/
    vertical-align: middle;
    border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
    line-height: 2.0em;
  }








  .box7{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
  }
  
  
  .box7 p {
    margin: 0; 
    padding: 0;
  }

  


.box8 {
    background: linear-gradient(transparent 60%, #ffff66 60%);
    width:auto;
}


/*
.box8.active{
  background-position: -100% .8em;
}
.box8 {
  background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
  background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
  background-image: linear-gradient(left, transparent 80%, rgb(255,250,153) 80%);
  background-repeat: repeat-x;
  background-size: 200% .7em;
  background-position: 0 .5em;
  transition: all 2s ease;
  font-weight: bold;
}
*/






/*
.box9 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #228b22;
    background: #f8f8ff;
    border-left: solid 5px #006400;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    font-size: 18px;
}
.box9 p {
    margin: 0; 
    padding: 0;
}
*/

.box9{
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
  border-left: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  border-right: solid 2px #6cb4e4;
  border-top: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}


.box9:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f00c リンク先';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 1.0em;
  line-height: 1;
  letter-spacing: 0.05em;
}




/*　タイトルあり枠 */
.box26 {
  position: relative;
  margin: 0.8em 0;
  padding: 0.5em 1em;
  border: solid 1px #c0c0c0;
  border-radius: 2px;
}
.box26 .box-title {
  position: absolute;
  display: inline-block;
  top: -8px;
  left: 2px;
  padding: 0 9px;
  line-height: 1;
  background: #FFF;
  color: #000;
  font-size: 15px;
}
.box26 p {
  margin: 0; 
  padding: 0;
}



/* ボタン　*/
.btn-flat-border {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
}
  
.btn-flat-border:hover {
    background: #67c5ff;
    color: white;
}




/* 目立たせる場所 */
.btn-border-bottom {
    position: relative;
    /* display: inline-block; */
    /* font-weight: bold; */
    padding: 0.25em 0;
    text-decoration: none;
    color: #000000;  
    font-size: 20px;
    font-weight: bold;
}
  
.btn-border-bottom:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    top:100%;
    left: 0;
    border-radius: 2px;
    background:#ffd700;
    transition: .2s;
}
  
.btn-border-bottom:hover:before {
    top: -webkit-calc(100% - 3px);
    top: calc(100% - 3px);
}






  .topic_line {
    border-bottom: solid 3px #cce4ff;
    position: relative;
    font-size: 20px;
    font-weight: bold;
  }
  
  .topic_line:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #5472cd;
    bottom: -3px;
    width: 25%;
  }




  .search_header {
    border-bottom: solid 3px skyblue;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    margin-top: 1.5em;
    margin-bottom: .5em;
  }
  
  .search_header:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #ffc778;
    bottom: -3px;
    width: 30%;
  }


  .search_header_title {
    position: relative;/*相対位置*/
    padding-left: 1.5em;/*アイコン分のスペース*/
    line-height: 1.4;/*行高*/
    color: black;/*文字色*/
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    font-weight: bold;
    margin-bottom: .5em;
  }
  
  .search_header_title:before {
    font-family: "Font Awesome 5 Free";/*忘れずに*/
    content: "\f111";/*アイコンのユニコード*/
    font-weight: 900;
    position: absolute;/*絶対位置*/
    font-size: 1.4em;/*サイズ*/
    left: 0;/*アイコンの位置*/
    top: -0.2em;/*アイコンの位置*/
  }






  /***ステップバーデザイン3***/
.step-wrap3 {
  counter-reset: count;
  margin: 2em 0;
  position: relative;
 }
 .step-content3 {
  padding: 1.3em 0 .3em 1em;
  margin: 0 0 1em 1em;
  position: relative;
  border-top: solid 2px #ddd;
 }
 .step-content3::before {
  margin: 3px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -10px;
  border-style: solid;
  border-width: 17px 8px 0 8px;
  border-color: #ddd transparent transparent transparent;
 }
 .step-content3::after {
  margin: 3px;
  content: "";
  display: block;
  height: calc(100% - 36px);
  border-left: dashed 4px #ddd;
  position: absolute;
  top: 16px;
  left: -4px;
 }
 .step-label3 {
  padding: 3px 20px 3px 15px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: -18px;
  left: -20px;
  background: #6ab5a5;
  border-radius: 20px;
  box-shadow: 5px 0px 0 #fff;
  z-index: 1;
 }
 .step-label3::after {
  counter-increment: count;
  position: relative;
  left: .3em;
 }
 .step-title3 {
  font-weight: bold;
  font-size: 120%;
 }
 .step-body3 {
  margin-top: .5em;
  padding: 0 0 1em;
 }
 .step-wrap3 > :last-child {
  box-shadow: 5px 7px 0 -5px #ddd;
 }
 .step-wrap3 > :last-child::before, .step-wrap3 > :last-of-type::after {
  display: none;
 }
 /***ステップバーデザイン3***/

 




/* アコーディオン　 ****************/
 /*ボックス全体*/
.accbox {
  margin: 2em 0;
  padding: 0;
  max-width: 960px;/*最大幅*/
}

/*ラベル*/
.accbox label {
  display: block;
  margin: 10.5px 0;
  padding : 13px 12px;
  cursor :pointer;
  transition: all 0.5s;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.22);
  border: 1px solid;
  border-color: #2f8fcf;
}

/*アイコンを表示*/
.accbox label:before {
  content: '\f054';
  font-family: 'FontAwesome';
  padding-right: 8px;
  color: #0000cd;
}

/*ラベルホバー時*/
.accbox label:hover {
  background :#a4cbf3;
}

/*チェックは隠す*/
.accbox input {
  display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
  height: auto;
  padding: 15px;
  background: #ffffff;
  opacity: 1;
}

.accbox .accshow p {
  margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
 /* content: '\f078'; */
 content: '';
}





/*ラベル*/
.accbox2 input[type=checkbox] {
  display: none; /* checkboxを非表示にする */
}

.accbox2 label {
  display: block;
  margin: 10.5px 0;
  padding : 13px 12px;
  cursor :pointer;
  transition: all 0.5s;
  margin: 35px 0 15px 0;
  padding: 0 0 3px 0;
  font-size: 16px;
  border-bottom: 3px solid #61c8f3;
  display: block;
  text-align: left;
}

/*アイコンを表示*/
.accbox2 label:before {
  /* content: '\f054'; */
  content: '';
  font-family: 'FontAwesome';
  padding-right: 8px;
  color: #0000cd;
}



/*チェックは隠す*/
.accbox2 input {
  display: none;
}

/*中身を非表示にしておく*/
.accbox2 .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}


.accbox2 .accshow p {
  margin: 15px 10px;
}

/* * ***************************/




/*　次の記事へ　前の記事へ */
.prev-next-link a {
  border-bottom: 1px #ddd solid;
  display: block;
  text-decoration: none;
  padding: 14px -10px;
  color: #0bd;
  margin-top: 50px;
  margin-bottom: 30px;
}
.prev-next-link a:hover {
  background-color: #f6f6f6;
}
.prev-next-link a:first-child {
  border-top: 1px #ddd solid;
}
.prev-next-label {
  font-size: .825rem;
  color: #000;
  margin-bottom: 10px;
}
.prev-next-link p {
  padding: 0 30px 0 0 
}







/* 検索ボックス */
#search-form {
  padding: 12px;
  margin: 0 auto;
  font-family: メイリオ;
}
#search-form form {
  width: 100%;
  display: table;
  table-layout: fixed;
  font-size: 14px;
}
#search-form input[type=text] {
  display: table-cell;
  width: 100%;
  height: 52px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: none;
  font-size:24px;
}
#search-form .search-button {
  display: table-cell;
  vertical-align: top;
  width: 20%;
}
#search-form .search-button input[type="submit"] {
  width: 100%;
  height: 52px;
  font-weight: normal;
  color: #000000;
  border: none;
  background: #f5f5f5;
  padding: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
/* ******************** */





/* 患者さん・一般の方へ　管理者用 */
.trialqa-anbox {
  margin: 20px 0 60px 0; 
  padding: 10px 17px 17px 17px;
  background-color: #fff;
  border: 17px solid #efefef;
  border-radius: 10px; /* CSS3 */
   -webkit-border-radius: 10px; /* Firefox */
   -moz-border-radius: 10px; /* Safari,Chrome */
  }
.trialqa-anbox p {
  margin: 0;
  padding: 5px 0 0 0;
  letter-spacing: 0.03em;
  }
/* ************************/






.flow > li {
  position: relative;
}
.flow > li:not(:last-child) {
  margin-bottom: 25px;
}
.flow > li:not(:first-child)::before {
  content: "";
  height: 60px;
  display: block;
  border-left: 4px dotted #e5e5e5;
  position: absolute;
  top: -40px;
  left: -webkit-calc(10% + 30px - 2px);
  left: calc(10% + 30px - 2px);
  z-index: 10;
}
.flow > li dl {
  width: 90%;
  padding: 10px 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid rgb(107,144,219);
  border-radius: 10px;
  position: relative;
}
.flow > li:not(:last-child) dl::before,
.flow > li:not(:last-child) dl::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flow > li:not(:last-child) dl::before {
  border-width: 22px;
  border-top-color: rgb(107,144,219);
}
.flow > li:not(:last-child) dl::after {
  border-width: 20px;
  border-top-color: #fff;
}
.flow > li dl dt {
  font-size: 16px;
  font-weight: 600;
  color: rgb(107,144,219);
  -ms-flex-preferred-size: 20%;
  flex-basis: 35%;
  margin-right: 1vw;
  text-align: center;
}
.flow > li dl dt .icon {
  font-size: 15px;
  color: #fff;
  background: rgb(107,144,219);
  background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
  background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
  position: relative;
  z-index: 100;
}


.flowlinkcolorul{
  color: #0000FF;
  border-bottom: solid 1.5px;
}

.flowlinkcolor{
  color: #0000FF;
}




/* 目立たせる場所 */
.balloon1{
  margin-bottom: 15px;
}

.btn-border-bottom-flow {
  position: relative;
  /* display: inline-block; */
  /* font-weight: bold; */
  padding: 0.25em 0;
  text-decoration: none;
  color: #000000;  
  font-size: 16px;
  font-weight: bold;
}

.btn-border-bottom-flow:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  top:100%;
  left: 0;
  border-radius: 2px;
  background:#ffd700;
  transition: .2s;
}

.btn-border-bottom-flow:hover:before {
  top: -webkit-calc(100% - 3px);
  top: calc(100% - 3px);
}




.flowindent{
  margin-top: -10px;
  margin-bottom: -10px;
  text-indent:4em;
}




.exec_bot_line input.rtrn{
	padding: 0.5em 2em;
	font-size:120%;
}





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

    .tab_schedule1,
    .tab_schedule2{
      width: calc(100%);
      line-height: 60px;
      border-left: none;
      border-right: none;
      border-top: 1px solid #999;
    }
    .tab_schedule2 {
      border-bottom: 1px solid #999;
    }
  }
  

  @media ( min-width: 600px) {
    .prev-next-link {
      display: flex;
    }
    .prev-next-link a {
      flex: 1;
    }
    .prev-next-link a,
    .prev-next-link a:first-child {
      border: none;
    }
    .next-link {
      text-align: left;
    }
  }
  
  @media screen and (max-width: 480px) {
  
  }