body {
  font-family: "BIZ UDPGothic", "sans-serif", "Hiragino Maru Gothic Pro",
    "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka,
    sans-serif;
  color: #333;
}

a {
  word-wrap: break-word;
  text-decoration: underline;
}

.noline {
  color: #2b2b2b;
  text-decoration: none;
}

a:hover img {
  opacity: 0.8;
}

p {
  word-wrap: break-word;
}

p,
dt,
dd,
li {
  line-height: 1.7;
  font-size: 16px;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.mB0 {
  margin-bottom: 0;
}

.mB10 {
  margin-bottom: 10px;
}

.mB20 {
  margin-bottom: 20px;
}

.mB30 {
  margin-bottom: 30px;
}

.mB40 {
  margin-bottom: 40px;
}

.mB50 {
  margin-bottom: 50px;
}

.mB60 {
  margin-bottom: 60px;
}

.mB70 {
  margin-bottom: 70px;
}

.mB80 {
  margin-bottom: 80px;
}

.mB90 {
  margin-bottom: 90px;
}

.mB100 {
  margin-bottom: 100px;
}

.mL50 {
  margin-left: 50px;
}

.mL100 {
  margin-left: 100px;
}

.mT20 {
  margin-top: 20px;
}

.mT30 {
  margin-top: 30px;
}

.text-r {
  text-align: right;
}

.text-c {
  text-align: center;
}

.text-l {
  text-align: left;
}

.font10 {
  font-size: 85%;
}

.font12 {
  font-size: 95%;
}

.font16 {
  font-size: 114%;
}

.font18 {
  font-size: 128%;
}

.fl-l {
  float: left;
}

.fl-r {
  float: right;
}

.strong {
  font-weight: bold;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

.container {
  padding-left: 20px;
  padding-right: 20px;
}

/* ヘッダー */
header {
  padding: 0;
}

.inner {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.inner:after {
  content: "";
  clear: both;
  display: block;
}

/* header */
#top-head {
  top: -100px;
  position: absolute;
  width: 100%;
  margin: 100px auto 0;
  padding: 40px 0 0;
  line-height: 1;
  z-index: 999;
}

#top-head a,
#top-head {
  color: #ffffff;
  text-decoration: none;
}

#top-head .inner {
  position: relative;
}

#top-head .logo {
  float: left;
  font-size: 1px;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 18px;
  width: 120px;
}

#global-nav ul {
  list-style: none;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 20px;
  text-transform: uppercase;
}

#global-nav ul * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

#global-nav ul li {
  float: left;
  padding: 0 18px;
}

#global-nav ul li a {
  padding-bottom: 2px;
  font-size: large;
}

#global-nav ul li a:hover {
  border-bottom: 1px solid #333;
  opacity: 0.8;
}

/* Fixed
#top-head.fixed {
  margin-top: 0;
  top: 0;
  position: fixed;
  padding-top: 10px;
  height: 110px;
  background: #005aff;
  transition: top 0.65s ease-in;
  -webkit-transition: top 0.65s ease-in;
  -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
  display: block;
}
#top-head.fixed #global-nav ul {
  top: 5px;
}
#top-head.fixed #global-nav ul li a {
  color: #fff;
  vertical-align: middle;
}
#top-head.fixed #global-nav ul li a:hover {
  border-bottom-color: #fff;
}*/
#top-head {
  margin-top: 0;
  top: 0;
  position: fixed;
  width: 100%;
  background: #005aff;
  z-index: 1000;
  display: flex;
  /* フレックスコンテナとして設定 */
  align-items: center;
  /* 子要素を垂直中央に配置 */
  padding: 10px 10px 0 10px;
  /* 左右の余白を追加 */
}

#top-head #global-nav {
  display: flex;
  /* ナビゲーションもフレックスコンテナとして設定 */
  height: 100%;
  /* 親要素と同じ高さに設定 */
}

#top-head #global-nav ul {
  display: flex;
  /* ナビゲーションのリストもフレックスコンテナとして設定 */
  align-items: center;
  /* リストアイテムを垂直中央に配置 */
  height: 100%;
  /* 親要素と同じ高さに設定 */
  padding: 0;
  /* デフォルトのパディングを削除 */
  margin: 0;
  /* デフォルトのマージンを削除 */
}

#top-head #global-nav ul li {
  display: flex;
  /* リストアイテムをフレックスコンテナとして設定 */
  align-items: center;
  /* リンクテキストを垂直中央に配置 */
}

#top-head #global-nav ul li a {
  color: #fff;
  vertical-align: middle;
  padding: 10px 5px;
  /* リンクのタッチエリアを広げる */
}

#top-head #global-nav ul li a:hover {
  border-bottom: none;
  transform: scale(1.1);
  /* 1.1倍に拡大 */
  transition: transform 0.3s, filter 0.3s;
  /* スムーズに変化するようにする */
}

#top-head .logo a:hover img {
  transform: scale(1.08);
  /* 1.08倍に拡大 */
  transition: transform 0.3s, filter 0.3s;
  /* スムーズに変化するようにする */
}

/* Toggle Button */
#nav-toggle {
  display: none;
  position: absolute;
  right: 12px;
  top: 14px;
  width: 34px;
  height: 36px;
  cursor: pointer;
  z-index: 101;
}

#nav-toggle div {
  position: relative;
}

#nav-toggle span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #666;
  left: 0;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
  top: 0;
}

#nav-toggle span:nth-child(2) {
  top: 11px;
}

#nav-toggle span:nth-child(3) {
  top: 22px;
}

/* トップイメージ
#main {
  min-height: 280px;
  background: url(../images/pic_topimg2024t.jpg) center top no-repeat;
  text-align: center;
}
#main .container {
  padding: 0;
}
#main .container div {
  margin: 100px auto 0;
}
*/
/* 青色の背景 */
.bg-con01 {
  background: #e4f5ff;
}

/* グレーの背景 */
.bg-con02 {
  background: #f2f2f2;
}

/* 時雨堂のWebRTC製品とサービス */
.cloud {
  background: url(../images/bg_cloud2024.png) left top repeat;
  border-radius: 10px;
  font-size: 20px;
  padding: 20px;
}

.labo {
  background: url(../images/bg_labo2024.png) left top repeat;
  border-radius: 10px;
  font-size: 20px;
  padding: 20px;
}

.momo {
  background: url(../images/bg_momo2024.png) left top repeat;
  border-radius: 10px;
  font-size: 20px;
  padding: 20px;
}

.cloud h4,
.labo h4,
.momo h4 {
  position: relative;
  display: inline-block;
  padding: 10px 10px;
}

.cloud h4::after,
.labo h4::after,
.momo h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  /* アンダーバーの位置を文字から下げる */
  width: 104%;
  height: 12px;
  /* アンダーバーの高さ */
  background: #ffff80;
  /* アンダーバーの色 */
  border-radius: 4px;
  /* アンダーバーを丸カドにする */
}

.cloud h5,
.labo h5,
.momo h5 {
  font-size: 18px;
  line-height: 1.7;
  padding: 0 0 0 10px;
}

.cloud ul,
.labo ul {
  padding: 5px 10px 5px 30px;
}

.cloud li,
.labo li {
  font-size: 18px;
}

/* 共通メインコンテンツ */
.contents .container {
  padding-top: 20px;
  padding-bottom: 15px;
  margin: 0 auto;
}

.contents .container h2 {
  background-size: 80px auto;
  padding-top: 100px;
  padding-bottom: 20px;
  margin: 10px;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.03em;
}

.contents .container h4 {
  margin: 15px;
  font-size: 20px;
}

.toc {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.toc>a {
  background: url(../images/bg_memo3.png) left top repeat;
  border-radius: 10px;
  font-size: 20px;
  margin: 5px;
  padding: 16px 0 8px 0;
  box-sizing: border-box;
  width: calc(50% - 20px);
  text-align: center;
  color: inherit;
  /* リンクのテキスト色を継承 */
  text-decoration: none;
  /* リンクの下線を削除 */
}

.toc>a:nth-child(4n),
.toc>a:nth-child(4n-1) {
  background: url(../images/bg_memo4.png) left top repeat;
}

.toc>a:hover {
  filter: brightness(75%);
}

.toc h5 {
  padding: 8px 12px;
}

.about {
  background: url(../images/h2_about2024.svg) center top no-repeat;
}

.top,
.overview {
  background: url(../images/h2_overview2024.svg) center top no-repeat;
}

.contact {
  background: url(../images/h2_contact2024.svg) center top no-repeat;
}

.requirement {
  background: url(../images/h2_requirement2024.svg) center top no-repeat;
}

.faq {
  background: url(../images/h2_faq2024.svg) center top no-repeat;
}

.feature {
  background: url(../images/h2_features2024.svg) center top no-repeat;
}

.info {
  background: url(../images/h2_info2024.svg) center top no-repeat;
}

.knowledge {
  background: url(../images/h2_knowledge2024.svg) center top no-repeat;
}

.price {
  background: url(../images/h2_price2024.svg) center top no-repeat;
}

.price_cluster {
  background: url(../images/h2_price_cluster.svg) center top no-repeat;
}

.related_products {
  background: url(../images/h2_relatedproducts2024.svg) center top no-repeat;
}

.support {
  background: url(../images/h2_support2024.svg) center top no-repeat;
}

.tools {
  background: url(../images/h2_tools2024.svg) center top no-repeat;
}

.use {
  background: url(../images/h2_cases2024.svg) center top no-repeat;
}

.trial {
  background: url(../images/h2_trial2024.svg) center top no-repeat;
}

.cluster_detail {
  background: url(../images/h2_cluster2024.svg) center top no-repeat;
}

.messaging_detail {
  background: url(../images/h2_messaging2024.svg) center top no-repeat;
}

.contents .container h3 {
  border-bottom: 2px solid #c8c8cb;
  padding: 10px 0 12px 48px;
  margin: 20px 0 20px 0;
  font-size: 20px;
  background: url(../images/h3_normal.svg) left no-repeat;
  background-size: 34px auto;
}

#support .container dt {
  line-height: 30px;
  background: #ddf283;
  color: #2b2b2b;
  text-align: center;
  padding: 0 20px;
  margin: 10px 0 16px 0;
  border-radius: 15px;
  display: inline-block;
  font-size: 128%;
}

.onlinemeeting_notes {
  background: url(../images/bg_cloud2024.png) left top repeat;
  border-radius: 10px;
  padding: 20px;
}

.onlinemeeting_notes img {
  max-width: 22%;
  float: right;
  margin-left: 14px;
}

#top,
#sfu,
#tools,
#use,
#newlicense,
#cluster-detail,
#messaging-detail,
#trial,
#support-detail,
#overview,
#feature,
#info-detail,
#requirement {
  padding-top: 80px;
}

#faq {
  padding-top: 70px;
}

#requirement {
  padding-bottom: 40px;
}

.contents .container h3.point {
  background: url(../images/h3_point.svg) left no-repeat;
}

.contents .container h3.caution {
  background: url(../images/h3_caution.svg) left no-repeat;
}

.contents .container h3.new {
  background: url(../images/h3_new.svg) left no-repeat;
}

.contents .container h3.h3-top {
  border: none;
  padding: 0 0 30px 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  background: none;
  color: #555555;
  text-align: center;
  line-height: 1.4;
}

.contents .container h3.h3-middle {
  border: none;
  padding: 0 0 30px 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  background: none;
  color: #555555;
  text-align: center;
  line-height: 1.4;
}

.contents .container h4.h4-middle {
  line-height: 1.4;
}

.contents .zakuro h3 {
  background: url(../images/icon_tool01_2024.svg) left no-repeat;
  background-size: 34px auto;
}

.contents .hisui h3 {
  background: url(../images/icon_tool02_2024.svg) left no-repeat;
  background-size: 34px auto;
}

.contents .kohaku h3 {
  background: url(../images/icon_tool03.svg) left no-repeat;
  background-size: 34px auto;
}

.contents .suzu h3 {
  background: url(../images/icon_tool04_2024.svg) left no-repeat;
  background-size: 34px auto;
}

/* はてなマーク */
.contents .container h3.h3-01 {
  background: url(../images/h3_01.png) left top no-repeat;
}

/* ビックリマーク */
.contents .container h3.h3-02 {
  background: url(../images/h3_02.png) left top no-repeat;
}

#demo h2>span {
  position: relative;
  top: -150px;
  display: block;
}

#contact h2>span {
  position: relative;
  top: -150px;
  display: block;
}

#use div h4>span,
#feature h3>span,
#sfu h3>span,
#support_after,
#support_before {
  position: relative;
  top: -80px;
  display: block;
}

.update li {
  list-style: none;
  margin-left: 10px;
  margin-bottom: 5px;
  padding: 0 0 0 15px;
  background: url(../images/icon_arrow01.png) 0 6px no-repeat;
}

/* おしらせ */
#info ul li,
#info-detail ul li {
  margin: 0;
  padding: 10px 0;
  list-style: none;
  border-bottom: 1px dotted #333333;
}

#info ul li dl,
#info-detail ul li dl {
  margin: 0;
  padding: 0;
}

#info ul li dl dt,
#info-detail ul li dl dt {
  font-weight: normal;
  padding: 0 0 0 15px;
  background: url(../images/icon_arrow01.png) 0 6px no-repeat;
}

#info ul li dl dd,
#info-detail ul li dl dd {
  padding: 0;
}

#info ul li dl dd ul,
#info-detail ul li dl dd ul {
  padding: 0 0 0 30px;
  list-style: none;
}

#info ul li dl dd ul li:before,
#info-detail ul li dl dd ul li:before {
  content: "- ";
  position: relative;
}

#info ul li dl dd ul li,
#info-detail ul li dl dd ul li {
  padding: 2px 0 0 0;
  background: none;
  border-bottom: none;
  text-indent: -10px;
}

.btn_info,
.btn_top {
  text-align: right;
}

.btn_info a,
.btn_top a {
  margin: 10px 0 0 auto;
  padding: 10px 15px;
  border: 1px solid #005aff;
  color: #005aff;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
}

.btn_info a:hover,
.btn_top a:hover {
  background: #005aff;
  color: #fff;
}

/* 特長 */
#sora-list {
  width: 100%;
}

#sora-list li {
  list-style: none;
  display: block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 14px;
  float: left;
  line-height: 1.2;
}

#sora-list li:nth-child(3n + 3) {
  margin-right: 0;
}

#sora-list li a {
  width: 100%;
  display: block;
  border: 3px solid #cccccc;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  color: #18586b;
  background: #fff;
  font-size: 17px;
  font-weight: bold;
  min-height: 80px;
  padding-left: 22px;
  padding-top: 30px;
  background-position: 10px center;
  background-repeat: no-repeat;
}

#sora-list li a:hover {
  background-color: #dcdcdc;
}

#sora-list li.text02 a {
  padding-top: 24px;
}

#sora-list li.unidirectional a {
  background-image: url(../images/about_icon01.svg);
  background-size: 20%;
}

#sora-list li.bidirectional a {
  background-image: url(../images/about_icon02.svg);
  background-size: 20%;
}

#sora-list li.multistream a {
  background-image: url(../images/about_icon16.svg);
  background-size: 20%;
}

#sora-list li.simulcast a {
  background-image: url(../images/about_icon04.svg);
  background-size: 18%;
}

#sora-list li.spotlight a {
  background-image: url(../images/about_icon05.svg);
  background-size: 20%;
}

#sora-list li.obs a {
  background-image: url(../images/about_icon22.svg);
  font-size: 14px;
  background-size: 18%;
}

#sora-list li.recording a {
  background-image: url(../images/about_icon03_2024.svg);
  background-size: 18%;
}

#sora-list li.signaling a {
  background-image: url(../images/about_icon06.svg);
  background-size: 20%;
}

#sora-list li.forwardingfilter a {
  background-image: url(../images/about_icon21.svg);
  background-size: 18%;
}

#sora-list li.cluster a {
  background-image: url(../images/about_icon19_2024_update.svg);
  background-size: 18%;
}

#sora-list li.messaging a {
  background-image: url(../images/about_icon20.svg);
  font-size: 14px;
  background-size: 20%;
  padding-left: 50px;
}

#sora-list li.turn a {
  background-image: url(../images/about_icon07.svg);
  background-size: 20%;
}

#sora-list li.resolution a {
  background-image: url(../images/about_icon08.svg);
  background-size: 20%;
}

#sora-list li.e2ee a {
  background-image: url(../images/about_icon10.svg);
  background-size: 20%;
}

#sora-list li.ipv6 a {
  background-image: url(../images/about_icon23.svg);
  background-size: 18%;
}

#sora-list li.sdk a {
  background-image: url(../images/about_icon11.svg);
  background-size: 20%;
}

#sora-list li.webhook a {
  background-image: url(../images/about_icon12.svg);
  background-size: 20%;
}

#sora-list li.connection_limit a {
  background-image: url(../images/about_icon24_new.svg);
  font-size: 14px;
  background-size: 20%;
  padding-left: 50px;
}

#sora-list li.connection_evict a {
  background-image: url(../images/about_icon25_new.svg);
  font-size: 12px;
  background-size: 20%;
  padding-left: 50px;
}

#sora-list li.development a {
  background-image: url(../images/about_icon13.svg);
  background-size: 20%;
}

#sora-list li.support a {
  background-image: url(../images/about_icon14.svg);
  background-size: 20%;
}

#sora-list li.document a {
  background-image: url(../images/about_icon18.svg);
  background-size: 20%;
}

#sora-list li.tools a {
  background-image: url(../images/about_icon17.png);
  background-size: 20%;
}

#sora-list li.others a {
  background-image: url(../images/about_icon15.svg);
  background-size: 20%;
}

.btn-feature a {
  width: 100%;
  background: #18586b;
  text-align: center;
  padding: 15px 0;
  color: #ffffff;
  display: block;
  text-decoration: none;
  font-size: 16px;
}

.btn-feature a:hover {
  opacity: 0.8;
}

.btn-feature a span {
  background: url(../images/icon_arrow05.png) left center no-repeat;
  padding: 10px 0 10px 25px;
}

/* 利用例 */
.use-list li {
  margin-bottom: 20px;
  list-style: none;
}

.use-list li a {
  font-size: 18px;
  color: #18586b;
  padding: 20px 60px 20px 80px;
  width: 100%;
  display: block;
  background-position: 2% center, 98% center, left top;
  background-repeat: no-repeat, no-repeat, repeat;
  text-decoration: none;
  font-weight: bold;
}

.use-list li a:hover {
  opacity: 0.8;
}

.use-list li.use01 a {
  background-image: url(../images/icon_case01_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use02 a {
  background-image: url(../images/icon_case02_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use03 a {
  background-image: url(../images/icon_case03_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use04 a {
  background-image: url(../images/icon_case04_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use05 a {
  background-image: url(../images/icon_case05_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use06 a {
  background-image: url(../images/icon_case06_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use07 a {
  background-image: url(../images/icon_case07_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use08 a {
  background-image: url(../images/icon_case08_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use09 a {
  background-image: url(../images/icon_case09_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use10 a {
  background-image: url(../images/icon_case10_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use11 a {
  background-image: url(../images/icon_case11_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use12 a {
  background-image: url(../images/icon_case12_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use13 a {
  background-image: url(../images/icon_case13_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use14 a {
  background-image: url(../images/icon_case14_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use15 a {
  background-image: url(../images/icon_case15_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use16 a {
  background-image: url(../images/icon_case16_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use17 a {
  background-image: url(../images/icon_case17_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use18 a {
  background-image: url(../images/icon_case18_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use19 a {
  background-image: url(../images/icon_case19_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use20 a {
  background-image: url(../images/icon_case20_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use21 a {
  background-image: url(../images/icon_case21_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use22 a {
  background-image: url(../images/icon_case22_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use23 a {
  background-image: url(../images/icon_case23_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use24 a {
  background-image: url(../images/icon_case24_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use25 a {
  background-image: url(../images/icon_case25_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use26 a {
  background-image: url(../images/icon_case26_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use27 a {
  background-image: url(../images/icon_case27_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use28 a {
  background-image: url(../images/icon_case28_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use29 a {
  background-image: url(../images/icon_case29_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use30 a {
  background-image: url(../images/icon_case30_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use31 a {
  background-image: url(../images/icon_case31_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use32 a {
  background-image: url(../images/icon_case32_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use33 a {
  background-image: url(../images/icon_case33_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use34 a {
  background-image: url(../images/icon_case34_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use35 a {
  background-image: url(../images/icon_case35_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use36 a {
  background-image: url(../images/icon_case36_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use37 a {
  background-image: url(../images/icon_case37_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use38 a {
  background-image: url(../images/icon_case38_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use39 a {
  background-image: url(../images/icon_case39_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use40 a {
  background-image: url(../images/icon_case40_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use41 a {
  background-image: url(../images/icon_case41_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use42 a {
  background-image: url(../images/icon_case42_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use43 a {
  background-image: url(../images/icon_case43_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use44 a {
  background-image: url(../images/icon_case44_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use45 a {
  background-image: url(../images/icon_case45_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use46 a {
  background-image: url(../images/icon_case46_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use47 a {
  background-image: url(../images/icon_case47_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use48 a {
  background-image: url(../images/icon_case48_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use49 a {
  background-image: url(../images/icon_case49_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use50 a {
  background-image: url(../images/icon_case50_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use51 a {
  background-image: url(../images/icon_case51_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use52 a {
  background-image: url(../images/icon_case52_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use53 a {
  background-image: url(../images/icon_case53_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use54 a {
  background-image: url(../images/icon_case54_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use55 a {
  background-image: url(../images/icon_case55_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use56 a {
  background-image: url(../images/icon_case56_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use57 a {
  background-image: url(../images/icon_case57_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use58 a {
  background-image: url(../images/icon_case24_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use59 a {
  background-image: url(../images/icon_case17_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use60 a {
  background-image: url(../images/icon_case58_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use61 a {
  background-image: url(../images/icon_case59_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use62 a {
  background-image: url(../images/icon_case60_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use63 a {
  background-image: url(../images/icon_case61_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use64 a {
  background-image: url(../images/icon_case62_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use65 a {
  background-image: url(../images/icon_case29_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use66 a {
  background-image: url(../images/icon_case63_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use67 a {
  background-image: url(../images/icon_case15_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use68 a {
  background-image: url(../images/icon_case64_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use69 a {
  background-image: url(../images/icon_case65_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use70 a {
  background-image: url(../images/icon_case66_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use71 a {
  background-image: url(../images/icon_case67_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use72 a {
  background-image: url(../images/icon_case32_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use73 a {
  background-image: url(../images/icon_case69_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use74 a {
  background-image: url(../images/icon_case68_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use75 a {
  background-image: url(../images/icon_case70_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use76 a {
  background-image: url(../images/icon_case71_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use77 a {
  background-image: url(../images/icon_case72_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use79 a {
  background-image: url(../images/icon_case74_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use78 a {
  background-image: url(../images/icon_case73_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use80 a {
  background-image: url(../images/icon_case75_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use81 a {
  background-image: url(../images/icon_case76_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use82 a {
  background-image: url(../images/icon_case77_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use83 a {
  background-image: url(../images/icon_case78_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use84 a {
  background-image: url(../images/icon_case79_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use85 a {
  background-image: url(../images/icon_case80_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use86 a {
  background-image: url(../images/icon_case81_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use87 a {
  background-image: url(../images/icon_case82_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use88 a {
  background-image: url(../images/icon_case83_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use89 a {
  background-image: url(../images/icon_case98_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use90 a {
  background-image: url(../images/icon_case85_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use91 a {
  background-image: url(../images/icon_case31_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use92 a {
  background-image: url(../images/icon_case86_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use93 a {
  background-image: url(../images/icon_case87_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use94 a {
  background-image: url(../images/icon_case88_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use95 a {
  background-image: url(../images/icon_case89_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use96 a {
  background-image: url(../images/icon_case74_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use97 a {
  background-image: url(../images/icon_case90_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use98 a {
  background-image: url(../images/icon_case91_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use99 a {
  background-image: url(../images/icon_case61_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use100 a {
  background-image: url(../images/icon_case73_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use101 a {
  background-image: url(../images/icon_case92_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use102 a {
  background-image: url(../images/icon_case93_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use103 a {
  background-image: url(../images/icon_case94_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use104 a {
  background-image: url(../images/icon_case95_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use105 a {
  background-image: url(../images/icon_case96_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use106 a {
  background-image: url(../images/icon_case97_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use107 a {
  background-image: url(../images/icon_case99_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.use-list li.use108 a {
  background-image: url(../images/icon_case100_b.png),
    url(../images/icon_arrow04.png), url(../images/bg_memo3.png);
}

.case h4 {
  background: url(../images/bg_case.png) left top repeat;
  text-align: center;
  padding: 20px 0;
  line-height: 1.1;
}

.case h4 a {
  text-decoration: none;
  color: #18586b;
}

.case h4 a:hover {
  color: #467989;
}

.case h4 a span {
  font-size: 12px;
}

.case h5 {
  background-position: left center;
  background-repeat: no-repeat;
  padding: 10px 0 10px 45px;
  font-size: 16px;
}

.case .h5-case01 {
  background-image: url(../images/icon_case01.png);
}

.case .h5-case02 {
  background-image: url(../images/icon_case02.png);
}

.case .h5-case03 {
  background-image: url(../images/icon_case03.png);
}

.case .h5-case04 {
  background-image: url(../images/icon_case04.png);
}

.case .h5-case05 {
  background-image: url(../images/icon_case05.png);
}

.case .h5-case06 {
  background-image: url(../images/icon_case06.png);
}

.case .h5-case07 {
  background-image: url(../images/icon_case07.png);
}

.case .h5-case08 {
  background-image: url(../images/icon_case08.png);
}

.case .h5-case09 {
  background-image: url(../images/icon_case09.png);
}

.case .h5-case10 {
  background-image: url(../images/icon_case10.png);
}

.case .h5-case11 {
  background-image: url(../images/icon_case11.png);
}

.case .h5-case12 {
  background-image: url(../images/icon_case12.png);
}

.case .h5-case13 {
  background-image: url(../images/icon_case13.png);
}

.case .h5-case14 {
  background-image: url(../images/icon_case14.png);
}

.case .h5-case15 {
  background-image: url(../images/icon_case15.png);
}

.case .h5-case16 {
  background-image: url(../images/icon_case16.png);
}

.case .h5-case17 {
  background-image: url(../images/icon_case17.png);
}

.case .h5-case18 {
  background-image: url(../images/icon_case18.png);
}

.case .h5-case19 {
  background-image: url(../images/icon_case19.png);
}

.case .h5-case20 {
  background-image: url(../images/icon_case20.png);
}

.case .h5-case21 {
  background-image: url(../images/icon_case21.png);
}

.case .h5-case22 {
  background-image: url(../images/icon_case22.png);
}

.case .h5-case23 {
  background-image: url(../images/icon_case23.png);
}

.case .h5-case24 {
  background-image: url(../images/icon_case24.png);
}

.case .h5-case25 {
  background-image: url(../images/icon_case25.png);
}

.case .h5-case26 {
  background-image: url(../images/icon_case26.png);
}

.case .h5-case27 {
  background-image: url(../images/icon_case27.png);
}

.case .h5-case28 {
  background-image: url(../images/icon_case28.png);
}

.case .h5-case29 {
  background-image: url(../images/icon_case29.png);
}

.case .h5-case30 {
  background-image: url(../images/icon_case30.png);
}

.case .h5-case31 {
  background-image: url(../images/icon_case31.png);
}

.case .h5-case32 {
  background-image: url(../images/icon_case32.png);
}

.case .h5-case33 {
  background-image: url(../images/icon_case33.png);
}

.case .h5-case34 {
  background-image: url(../images/icon_case34.png);
}

.case .h5-case35 {
  background-image: url(../images/icon_case35.png);
}

.case .h5-case36 {
  background-image: url(../images/icon_case36.png);
}

.case .h5-case37 {
  background-image: url(../images/icon_case37.png);
}

.case .h5-case38 {
  background-image: url(../images/icon_case38.png);
}

.case .h5-case39 {
  background-image: url(../images/icon_case39.png);
}

.case .h5-case40 {
  background-image: url(../images/icon_case40.png);
}

.case .h5-case41 {
  background-image: url(../images/icon_case41.png);
}

.case .h5-case42 {
  background-image: url(../images/icon_case42.png);
}

.case .h5-case43 {
  background-image: url(../images/icon_case43.png);
}

.case .h5-case44 {
  background-image: url(../images/icon_case44.png);
}

.case .h5-case45 {
  background-image: url(../images/icon_case45.png);
}

.case .h5-case46 {
  background-image: url(../images/icon_case46.png);
}

.case .h5-case47 {
  background-image: url(../images/icon_case47.png);
}

.case .h5-case48 {
  background-image: url(../images/icon_case48.png);
}

.case .h5-case49 {
  background-image: url(../images/icon_case49.png);
}

.case .h5-case50 {
  background-image: url(../images/icon_case50.png);
}

.case .h5-case51 {
  background-image: url(../images/icon_case51.png);
}

.case .h5-case52 {
  background-image: url(../images/icon_case52.png);
}

.case .h5-case53 {
  background-image: url(../images/icon_case53.png);
}

.case .h5-case54 {
  background-image: url(../images/icon_case54.png);
}

.case .h5-case55 {
  background-image: url(../images/icon_case55.png);
}

.case .h5-case56 {
  background-image: url(../images/icon_case56.png);
}

.case .h5-case57 {
  background-image: url(../images/icon_case57.png);
}

.case .h5-case58 {
  background-image: url(../images/icon_case24.png);
}

.case .h5-case59 {
  background-image: url(../images/icon_case17.png);
}

.case .h5-case60 {
  background-image: url(../images/icon_case58.png);
}

.case .h5-case61 {
  background-image: url(../images/icon_case59.png);
}

.case .h5-case62 {
  background-image: url(../images/icon_case60.png);
}

.case .h5-case63 {
  background-image: url(../images/icon_case61.png);
}

.case .h5-case64 {
  background-image: url(../images/icon_case62.png);
}

.case .h5-case65 {
  background-image: url(../images/icon_case29.png);
}

.case .h5-case66 {
  background-image: url(../images/icon_case63.png);
}

.case .h5-case67 {
  background-image: url(../images/icon_case15.png);
}

.case .h5-case68 {
  background-image: url(../images/icon_case64.png);
}

.case .h5-case69 {
  background-image: url(../images/icon_case65.png);
}

.case .h5-case70 {
  background-image: url(../images/icon_case66.png);
}

.case .h5-case71 {
  background-image: url(../images/icon_case67.png);
}

.case .h5-case72 {
  background-image: url(../images/icon_case32.png);
}

.case .h5-case73 {
  background-image: url(../images/icon_case69.png);
}

.case .h5-case74 {
  background-image: url(../images/icon_case68.png);
}

.case .h5-case75 {
  background-image: url(../images/icon_case70.png);
}

.case .h5-case76 {
  background-image: url(../images/icon_case71.png);
}

.case .h5-case77 {
  background-image: url(../images/icon_case72.png);
}

.case .h5-case78 {
  background-image: url(../images/icon_case73.png);
}

.case .h5-case79 {
  background-image: url(../images/icon_case74.png);
}

.case .h5-case80 {
  background-image: url(../images/icon_case75.png);
}

.case .h5-case81 {
  background-image: url(../images/icon_case76.png);
}

.case .h5-case82 {
  background-image: url(../images/icon_case77.png);
}

.case .h5-case83 {
  background-image: url(../images/icon_case78.png);
}

.case .h5-case84 {
  background-image: url(../images/icon_case79.png);
}

.case .h5-case85 {
  background-image: url(../images/icon_case80.png);
}

.case .h5-case86 {
  background-image: url(../images/icon_case81.png);
}

.case .h5-case87 {
  background-image: url(../images/icon_case82.png);
}

.case .h5-case88 {
  background-image: url(../images/icon_case83.png);
}

.case .h5-case89 {
  background-image: url(../images/icon_case98.png);
}

.case .h5-case90 {
  background-image: url(../images/icon_case85.png);
}

.case .h5-case91 {
  background-image: url(../images/icon_case31.png);
}

.case .h5-case92 {
  background-image: url(../images/icon_case86.png);
}

.case .h5-case93 {
  background-image: url(../images/icon_case87.png);
}

.case .h5-case94 {
  background-image: url(../images/icon_case88.png);
}

.case .h5-case95 {
  background-image: url(../images/icon_case89.png);
}

.case .h5-case96 {
  background-image: url(../images/icon_case74.png);
}

.case .h5-case97 {
  background-image: url(../images/icon_case90.png);
}

.case .h5-case98 {
  background-image: url(../images/icon_case91.png);
}

.case .h5-case99 {
  background-image: url(../images/icon_case61.png);
}

.case .h5-case100 {
  background-image: url(../images/icon_case73.png);
}

.case .h5-case101 {
  background-image: url(../images/icon_case92.png);
}

.case .h5-case102 {
  background-image: url(../images/icon_case93.png);
}

.case .h5-case103 {
  background-image: url(../images/icon_case94.png);
}

.case .h5-case104 {
  background-image: url(../images/icon_case95.png);
}

.case .h5-case105 {
  background-image: url(../images/icon_case96.png);
}

.case .h5-case106 {
  background-image: url(../images/icon_case97.png);
}

.case .h5-case107 {
  background-image: url(../images/icon_case99.png);
}

.case .h5-case108 {
  background-image: url(../images/icon_case100.png);
}

.case .h5-case-voice {
  background-image: url(../images/icon_case_voice.png);
}

.case .h5-case-repeat {
  background-image: url(../images/icon_case_repeat.png);
}

.case-voice {
  background: #e4f5ff;
  border-radius: 10px;
  margin: 0 0 20px 0;
  padding: 20px;
}

.case-repeat {
  background: #ffe6e7;
  border-radius: 10px;
  padding: 20px;
}

/* 専用ツール */
#tools-list {
  width: 100%;
}

#tools-list li {
  list-style: none;
  display: block;
  width: 31%;
  margin-right: 2%;
  margin-bottom: 20px;
  float: left;
  line-height: 1.2;
}

#tools-list li:nth-child(3n + 3) {
  margin-right: 0;
}

#tools-list li a {
  width: 100%;
  display: block;
  border: 3px solid #f3f3f3;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  color: #18586b;
  background: #fff;
  font-size: 18px;
  font-weight: bold;
  min-height: 80px;
  padding-left: 48px;
  padding-top: 30px;
  background-position: 20px center;
  background-repeat: no-repeat;
}

#tools-list li a:hover {
  background-color: #dcdcdc;
}

#tools-list li.text02 a {
  padding-top: 24px;
}

#tools-list li.tools01 a {
  background-image: url(../images/icon_tool01_2024.svg);
  background-size: 20%;
}

#tools-list li.tools02 a {
  background-image: url(../images/icon_tool02_2024.svg);
  font-size: 17px;
  background-size: 20%;
}

#tools-list li.tools03 a {
  background-image: url(../images/icon_tool03.svg);
  background-size: 20%;
  font-size: 16px;
}

#tools-list li.tools04 a {
  background-image: url(../images/icon_tool04_2024.svg);
  background-size: 20%;
  font-size: 16px;
}

#tools-list li.tools05 a {
  background-image: url(../images/icon_tool05_2024.svg);
  background-size: 20%;
}

.contents .zakuro h4,
.contents .hisui h4,
.contents .kohaku h4,
.contents .suzu h4,
.contents .sora-exporter h4,
.contents .sora-archive-uploader h4 {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 15px;
}

.zakuro ul li,
.hisui ul li,
.kohaku ul li {
  font-size: 16px;
  margin: 5px 0 0 30px;
}

.zakuro img,
.hisui img,
.kohaku img,
.suzu img {
  max-width: 84%;
  margin: 30px 0;
}

#zakuro {
  position: relative;
  top: -60px;
}

#hisui {
  position: relative;
  top: -60px;
}

#kohaku {
  position: relative;
  top: -60px;
}

#suzu {
  position: relative;
  top: -60px;
}

#sora-exporter {
  position: relative;
  top: -60px;
}

.related_products h4 {
  font-size: 17px;
  line-height: 1.8;
}

/* WebRTC SFU について*/
.sfu-illust {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 480px;
  text-align: center;
}

.sfu-illust h4 {
  line-height: 30px;
  background: #ddf283;
  color: #2b2b2b;
  text-align: center;
  padding: 0 20px;
  margin: 0 0 20px;
  border-radius: 15px;
  display: inline-block;
  font-size: 128%;
}

#sfu .list-normal li {
  margin-bottom: 10px;
}

.memo-block {
  background: url(../images/bg_memo.png) left top repeat;
  margin-top: 36px;
  padding: 10px 25px 25px;
}

.memo-block h4 {
  font-size: 18px;
  background: url(../images/bg_memo_title.gif) left bottom repeat-x;
  display: inline-block;
  padding: 10px 10px;
}

.container .memo-block h4 {
  font-size: 16px;
  margin-left: 0;
}

.memo-block h5 {
  font-size: 16px;
  line-height: 1.7;
  padding: 0 0 0 10px;
}

.memo-block p {
  font-size: 13px;
  line-height: 1.6;
}

.memo-block ul {
  padding: 5px 10px 5px 30px;
}

.memo-block ol {
  padding: 5px 10px 5px 30px;
}

/* 概要・基本情報 */
.contents .container h3.overview,
.contents .container h3.top {
  background-size: 48px 48px;
  padding: 10px 0 10px 62px;
}

.contents .container h3.overview01,
.contents .container h3.top01 {
  background-image: url(../images/overview01.svg);
}

.contents .container h3.overview02,
.contents .container h3.top02 {
  background-image: url(../images/overview02.svg);
}

.contents .container h3.overview03,
.contents .container h3.top03 {
  background-image: url(../images/overview03.svg);
}

.contents .container h3.overview04 {
  background-image: url(../images/overview04.svg);
}

.contents .container h3.overview05 {
  background-image: url(../images/overview05.svg);
}

.contents .container h3.overview06 {
  background-image: url(../images/overview06.svg);
}

/* 特長 */
.contents .container h3.sora01-n {
  background-image: url(../images/about_icon01.svg);
}

.contents .container h3.sora02-n {
  background-image: url(../images/about_icon02.svg);
}

.contents .container h3.sora03-n {
  background-image: url(../images/about_icon04.svg);
}

.contents .container h3.sora04-n {
  background-image: url(../images/about_icon05.svg);
}

.contents .container h3.sora05-n {
  background-image: url(../images/about_icon03_2024.svg);
}

.contents .container h3.sora06-n {
  background-image: url(../images/about_icon06.svg);
}

.contents .container h3.sora07-n {
  background-image: url(../images/about_icon07.svg);
}

.contents .container h3.sora08-n {
  background-image: url(../images/about_icon08.svg);
}

.contents .container h3.sora09-n {
  background-image: url(../images/about_icon10.svg);
}

.contents .container h3.sora10-n {
  background-image: url(../images/about_icon11.svg);
}

.contents .container h3.sora11-n {
  background-image: url(../images/about_icon12.svg);
}

.contents .container h3.sora12-n {
  background-image: url(../images/about_icon13.svg);
}

.contents .container h3.sora13-n {
  background-image: url(../images/about_icon14.svg);
}

.contents .container h3.sora14-n {
  background-image: url(../images/about_icon15.svg);
}

.contents .container h3.sora16-n {
  background-image: url(../images/about_icon16.svg);
}

.contents .container h3.sora18-n {
  background-image: url(../images/about_icon18.png);
}

.contents .container h3.sora19-n {
  background-image: url(../images/about_icon19_2024_update.svg);
}

.contents .container h3.sora20-n {
  background-image: url(../images/about_icon20.svg);
}

.contents .container h3.sora21-n {
  background-image: url(../images/about_icon21.svg);
}

.contents .container h3.sora22-n {
  background-image: url(../images/about_icon22.svg);
}

.contents .container h3.sora23-n {
  background-image: url(../images/about_icon23.svg);
}

.contents .container h3.sora24-n {
  background-image: url(../images/about_icon24_new.svg);
}

.contents .container h3.sora25-n {
  background-image: url(../images/about_icon25_new.svg);
}

.ex-block dt {
  display: inline-block;
  line-height: 20px;
  border-radius: 10px;
  padding: 0 10px;
  background: #18586b;
  color: #fff;
}

.ex-block dd {
  color: #18586b;
  font-weight: bold;
  display: inline;
}

.audience-inner {
  margin-right: 2%;
  width: 32%;
  float: left;
}

.audience-inner:last-child {
  margin-right: 0;
}

.audience-inner div {
  background: #ededed;
  border-radius: 10px;
  padding: 20px 10px;
  margin-bottom: 5px;
  text-align: center;
}

.audience-inner div img {
  width: 100%;
  max-width: 260px;
}

.audience-inner p {
  line-height: 1.6;
}

.url-block dt {
  display: inline-block;
  padding: 0 5px;
  margin-right: 5px;
  background: #18586b;
  color: #fff;
  font-weight: normal;
  line-height: 1.2;
}

.url-block dd {
  display: inline;
  line-height: 1.2;
}

.feature-movie iframe {
  width: 100%;
  max-width: 560px;
}

.s-mode {
  margin-bottom: 0;
}

.s-mode dt {
  background: #ffff80;
  color: #2b2b2b;
  border-radius: 13px;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  padding: 0 20px;
  font-weight: normal;
  margin: 10px 0 16px 0;
}

.s-mode dd {
  padding: 0 0 20px 20px;
}

.s-mode .mB0 {
  padding: 0 0 6px 20px;
}

.s-mode dd ul {
  margin-top: 10px;
}

.s-mode dd ul li {
  list-style: none;
  padding: 0 0 0 15px;
  margin-bottom: 10px;
  background: url(../images/icon_arrow01.png) 0 6px no-repeat;
  line-height: 1.6;
}

.multi-block {
  margin: 30px 0 10px;
}

.multi-block:after {
  content: "";
  clear: both;
  display: block;
}

.multi-box {
  width: 48%;
  float: left;
  margin: 0 1%;
  text-align: center;
  background: #f0f0f0;
  border-radius: 10px;
  padding: 20px;
}

.multi-box div {
  background: #ffffff;
  padding: 20px 10px;
  border-radius: 10px;
}

.multi-box h4 {
  display: inline-block;
  padding: 0 20px;
  text-align: center;
  color: #ffffff;
  line-height: 30px;
  border-radius: 15px;
  margin-bottom: 20px;
  margin-top: 0;
}

.multi-box h4.h4-p2p {
  background: #999999;
}

.multi-box h4.h4-sora {
  background: #d34741;
}

.multi-box p {
  text-align: left;
}

.multi-block div img {
  max-width: 324px;
  width: 100%;
  margin: 0 auto;
}

.unidirectional .fl-l {
  width: 70%;
}

.unidirectional .fl-r {
  width: 28%;
  margin-left: 2%;
}

.bidirectional {
  width: 100%;
  margin: 0 auto;
}

.bidirectional .fl-l,
.bidirectional .fl-r {
  width: 32%;
}

.bidirectional .fl-l {
  margin-right: 2%;
}

.bidirectional .fl-l dd {
  margin: 10px 15px;
  padding: 0;
}

.bidirectional .fl-r dd {
  margin: 10px 0 0 30px;
  padding: 0;
}

.bidirectional .fl-l dd img {
  max-width: 270px;
  height: auto;
}

.bidirectional .fl-r dd img {
  max-width: 270px;
  height: auto;
}

.cluster img,
.cluster_temporary img {
  margin: 5px 0 30px 0;
  max-width: 60%;
}

.cluster_relay img,
.cluster_affinity img,
.cluster_maxconnection img {
  margin: 18px 0 36px 0;
  max-width: 75%;
}

.cluster_plumtree img {
  margin: 36px;
  max-width: 60%;
}

.cluster_plumtree_restration img {
  margin: 18px;
  max-width: 90%;
}

.simulcast_multicodec img {
  margin: 18px 0 36px 0;
  max-width: 85%;
}

.simulcast_multicodec .s-mode dd {
  padding: 0 0 10px 20px;
}

.btn_cluster,
.btn_messaging {
  text-align: center;
}

.btn_cluster a,
.btn_messaging a {
  margin: 20px auto;
  padding: 10px 15px;
  border: 2px solid #005aff;
  color: #005aff;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
}

.btn_cluster a:hover,
.btn_messaging a:hover {
  background: #005aff;
  color: #fff;
}

.webhook p {
  background: #e4f5ff;
  border-radius: 13px;
  color: #2b2b2b;
  display: inline-block;
  font-size: 17px;
  font-weight: normal;
  line-height: 26px;
  margin: 0 0 20px 0;
  padding: 0 10px;
}

.messaging_1 img {
  margin: 20px 0;
  max-width: 70%;
}

.messaging_2 img {
  margin: 10px 0;
  max-width: 60%;
}

.messaging_3 img {
  margin: 20px 0 30px 0;
  max-width: 80%;
}

.messaging p {
  padding-left: 16px;
}

.messaging_example ul {
  font-size: 16px;
  padding: 0 4px 24px 36px
}

.messaging li {
  font-size: 16px;
}

.multistream img {
  max-width: 50%;
  margin: 0 0 20px 10px;
}

.recording img {
  max-width: 36%;
  margin: 0 0 0 10px;
  float: right;
}

.signaling img {
  margin: 10px 0 10px 0;
  max-width: 64%;
}

.simulcast img {
  margin: 30px 0;
  max-width: 80%;
}

.spotlight img,
.connection img {
  margin: 20px 0 30px 0;
  max-width: 80%;
}

.whip img,
.whep img {
  margin: 10px 0 10px 0;
  max-width: 70%;
}

.forwardingfilter img {
  margin: 30px 0 10px 0;
  max-width: 55%;
}

.webhook h4 {
  font-size: 16px;
  padding: 0 0 20px 20px;
}

.unidirectional .fl-r img,
.bidirectional img,
.webhook01 img {
  width: auto;
  height: auto;
  margin: 20px 0 0 10px;
  max-width: 70%;
}

.webhook02 img {
  width: auto;
  height: auto;
  margin: 0 0 30px 0;
  max-width: 80%;
}

.unidirectional .fl-r img {
  max-width: 100%;
}

/* 動作環境 */
.e-block {
  float: left;
  width: 45%;
  margin-right: 5%;
}

.e-block h3 {
  margin-bottom: 0;
}

.e-block:last-child {
  margin-right: 0;
  float: right;
}

.e-block ul li {
  list-style: none;
  border-bottom: 1px dotted #333333;
  padding: 8px 0 8px 20px;
  background: url(../images/icon_arrow02.png) 10px 15px no-repeat;
}

.e-block p {
  font-size: 14px;
  margin: 20px 0;
}

/* ライセンス料金 */
.license-block {
  background: #e4f5ff;
  margin: 40px 0;
  padding: 20px;
  border-radius: 5px;
}

.contents .container .license-block h3 {
  margin: 20px 0;
  padding: 0;
  background: none;
  color: #253f89;
  text-align: center;
  border-bottom: none;
}

.contents .container .license-block table {
  background: #ffffff;
  width: 95%;
  margin: 0 auto 20px;
}

.contents .container .license-block table th,
.contents .container .license-block table td {
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}

.contents .container .license-block table th {
  background: #253f89;
  color: #ffffff;
  font-size: 17px;
}

.contents .container .license-block table td {
  font-size: 16px;
}

.contents .container .license-block table th.case-open {
  background: #ddf283;
  color: #000000;
  font-size: 17px;
}

.contents .container .license-block table th.case-close {
  background: #c0c0c0;
  color: #000000;
  font-size: 17px;
}

.contents .container .license-block ul li {
  font-size: 14px;
  list-style: none;
}

.license-block02 {
  background: #efefef;
}

.contents .container .license-block02 h3 {
  color: #666666;
  line-height: 1.4;
}

.contents .container .license-block02 h3 span span {
  background: none;
}

.contents .container .license-block02 table th {
  background: #999999;
}

.price_ex h4 {
  background-color: #005aff;
  border-radius: 18px;
  color: #ffffff;
  line-height: 36px;
  margin: 0 auto 30px;
  padding: 0;
  text-align: center;
  max-width: 400px;
  width: 100%;
}

.price_ex div img {
  max-width: 328px;
  width: 100%;
  height: auto;
}

/* 新ライセンス料金　2021年4月以降 */
.newlicense-block {
  background: #e4f5ff;
  margin: 40px 0;
  padding: 20px;
  border-radius: 5px;
}

.contents .container .highlight_green {
  background: url(../images/bg_highlight_green.png) left top repeat;
  border-radius: 5px;
  margin-top: 20px;
  padding: 12px 30px;
}

.contents .container .highlight_green h4 {
  font-size: 20px;
  margin-bottom: 25px;
}

.contents .container .highlight_green h5 {
  font-size: 16px;
  line-height: 1.6;
}

.contents .container .highlight_green ul {
  font-size: 15px;
  line-height: 1.6;
  margin: 20px 0;
  padding-left: 2em;
}

.contents .container .highlight_blue {
  background: url(../images/bg_highlight_blue.png) left top repeat;
  border-radius: 5px;
  margin-top: 20px;
  padding: 5px 30px;
}

.contents .container .highlight_blue ul {
  font-size: 15px;
  line-height: 1.6;
  margin: 20px 0;
  padding-left: 2em;
}

.contents .container .highlight ul {
  font-size: 20px;
}

.highlight_pink {
  background: url(../images/bg_pink.png) left top repeat;
  border-radius: 5px;
  margin-top: 20px;
  padding: 10px 24px;
}

.highlight_pink h5 {
  padding-left: 0;
}

.contents .container .newlicense-block h3 {
  margin: 20px 0;
  padding: 0;
  background: none;
  color: #253f89;
  text-align: center;
  border-bottom: none;
}

.contents .container .newlicense-block table {
  background: #ffffff;
  width: 95%;
  margin: 0 auto 20px;
}

.contents .container .newlicense-block table th,
.contents .container .newlicense-block table td {
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}

.contents .container .newlicense-block table th {
  background: #005aff;
  color: #ffffff;
  font-size: 18px;
}

.contents .container .newlicense-block table td {
  font-size: 17px;
}

.contents .container .newlicense-block ul li {
  font-size: 14.5px;
  list-style: none;
  padding-left: 2em;
}

.licence_overview h4 {
  line-height: 1.6;
}

.licence_overview ul {
  padding: 3px 35px;
}

.licence_overview li {
  font-size: 16px;
}

.newlicense-block02 {
  background: #e4f5ff;
}

.contents .container .newlicense-block02 h3 {
  color: #666666;
  line-height: 1.4;
}

.contents .container .newlicense-block02 h3 span span {
  background: none;
}

.contents .container .newlicense-block02 table th {
  background: #999999;
}

.newlicense-block03 {
  background: #e9f6ab;
}

.contents .container .newlicense-block03 h3 {
  color: #253f89;
  line-height: 1.4;
}

.contents .container .newlicense-block03 h3 span span {
  background: none;
}

.contents .container .newlicense-block03 table th {
  background: #005aff;
}

.newlicense-block04 {
  background: #e9f6ab;
}

.contents .container .newlicense-block04 h3 {
  color: #666666;
  line-height: 1.4;
}

.contents .container .newlicense-block04 h3 span span {
  background: none;
}

.contents .container .newlicense-block04 table th {
  background: #999999;
}

.license_ex {
  background: #f2f2f2;
  border-radius: 10px;
  margin: 0 0 20px 0;
  padding: 20px 10px 20px 20px;
}

.license_ex h4 {
  background-color: #253f89;
  border-radius: 18px;
  color: #ffffff;
  line-height: 36px;
  margin: 0 auto 30px;
  max-width: 420px;
  padding: 0;
  text-align: center;
  width: 100%;
}

.license_ex div img {
  height: auto;
  max-width: 328px;
  width: 100%;
}

.license_ex .highlight_green {
  border-radius: 12px;
  color: #050505;
  line-height: 48px;
  margin: 0 auto 30px;
  max-width: 600px;
  padding: 15px 10px 5px 10px;
  text-align: center;
  width: 100%;
}

.license_ex .highlight_green p {
  font-size: 18px;
  margin: 0;
}

.license_ex .balloon {
  background-color: #ffdbed;
  border-radius: 30px;
  max-width: 400px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-top: 20px;
  position: relative;
  padding: 15px 20px;
}

.license_ex .balloon::before {
  background-color: #ffdbed;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: -35px;
  bottom: 15px;
  width: 30px;
  height: 30px;
}

.license_ex .balloon::after {
  background-color: #ffdbed;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: -55px;
  bottom: 10px;
  width: 15px;
  height: 15px;
}

.license_normal {
  background-color: #e4f5ff;
  border-radius: 12px;
  color: #050505;
  line-height: 48px;
  margin: 0 auto 30px;
  max-width: 600px;
  padding: 15px 10px 5px 10px;
  text-align: center;
  width: 100%;
}

#license_normal {
  position: relative;
  top: -80px;
}

.license_discounted {
  background-color: #e9f6ab;
  border-radius: 12px;
  color: #333333;
  line-height: 48px;
  margin: 0 auto 30px;
  max-width: 600px;
  padding: 15px 10px 5px 10px;
  text-align: center;
  width: 100%;
}

#license_discounted,
#price_cluster {
  position: relative;
  top: -80px;
}

#discount_conditions {
  position: relative;
  top: -100px;
}

.price_cluster_memo img {
  max-width: 30%;
  float: right;
  margin: 80px 0 10px 10px;
}

.memo-block .note {
  margin: 16px 0 0 12px;
}

.cluster_starter h5 {
  font-size: 16px;
  line-height: 1.6;
}

/* よくある質問 */
#faq .container h3 {
  color: #203d81;
  margin: 50px 0 0 0;
  padding: 10px 0 10px 45px;
}

#faq .container dl dt {
  background: url(../images/h3_question.png) left top no-repeat;
  font-size: 18px;
  margin: 25px;
  padding: 0 0 0 50px;
}

#faq .container dl dd {
  background: url(../images/h3_answer.png) left top no-repeat;
  border-bottom: 1.5px solid #cccccc;
  font-size: 16px;
  margin: 25px;
  padding: 0 0 25px 50px;
}

/* サポート */
#support .container h3.support01-h3 {
  background-color: #e4f5ff;
}

#support .container h3.support02-h3 {
  background-color: #ddf283;
}

.support-text {
  font-size: 16px;
  color: #555555;
  padding-top: 18px;
  line-height: 1.6;
}

/* コンサルティング */
#consulting .container ul li {
  margin: 0;
}

/* お問い合わせ */
.contact-block {
  background: url(../images/bg_memo3.png) left top repeat;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 20px;
}

.contact-block p {
  margin: 0;
}

/* フッターナビ */
#footer-navi {
  background: #aaaaaa;
}

#footer-navi .container {
  padding: 24px 24px 0 24px;
}

#footer-navi ul.f-navi-column {
  width: 33%;
  float: left;
}

#footer-navi ul li {
  list-style: none;
  background: url(../images/footer_icon.png) left 7px no-repeat;
  padding-left: 20px;
  margin-bottom: 14px;
}

#footer-navi ul li ul li {
  background: no-repeat;
  padding-left: 0;
  margin-bottom: 0;
}

#footer-navi ul li a {
  text-decoration: none;
  color: #fff;
}

#footer-navi ul li a:hover {
  text-decoration: underline;
}

/* フッター */
footer {
  text-align: center;
  background: #252525;
  color: #ffffff;
  padding: 20px 0;
  font-size: 12px;
}

footer a {
  color: #ffffff;
  text-decoration: underline;
}

footer a:hover {
  color: #a2a2a2;
}

#page-top {
  position: fixed;
  bottom: 0;
  text-align: center;
  right: 10px;
}

#page-top a {
  border-radius: 50%;
  height: 36px;
  width: 36px;
  line-height: 33px;
  display: block;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  background: #333333;
  font-size: 13px;
  opacity: 0.8;
  filter: alpha(opacity=8);
}

#page-top a:hover,
#page-top a:focus {
  opacity: 0.6;
  filter: alpha(opacity=6);
}

#page-top a:focus {
  outline: none;
}

/* ライセンス料金 */
.price-button-box {
  display: flex;
}

.price-button-link {
  display: block;
  width: 200px;
  padding: 20px 0;
  border: solid 1px #666;
  text-align: center;
  text-decoration: none;
}

/* レスポンシブ対応 */
@media screen and (min-width: 1300px) {
  #main .container p {
    padding: 10px;
    background: rgba(37, 37, 37, 0.3);
  }
}

@media screen and (min-width: 1200px) {
  #main {
    background-size: cover;
  }
}

@media screen and (max-width: 1199px) {
  /* メイン画像1200px以下の設定 */
}

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

  /* 991px以下用（PC）の記述 */
  #sora-list .slist-inner a {
    min-height: 130px;
  }

  #sora-list .slist-inner a p {
    font-size: 90%;
  }

  .use-list li a {
    font-size: 16px;
  }

  #sora-list li a {
    background-position: 5px center;
    background-size: 15%;
    padding-left: 30px;
    font-size: 16px;
  }

  #tools-list li a {
    background-position: 5px center;
    background-size: 15%;
    padding-left: 30px;
    font-size: 14px;
  }

  #tools-list li.tools02 a,
  #tools-list li.tools03 a,
  #tools-list li.tools04 a {
    font-size: 10px;
  }

  .contents .zakuro h3,
  .contents .hisui h3,
  .contents .kohaku h3,
  .contents .suzu h3,
  .contents .sora-exporter h3,
  .contents .sora-archive-uploader h3 {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 12px;
  }


  .contents .zakuro h4,
  .contents .hisui h4,
  .contents .kohaku h4,
  .contents .suzu h4,
  .contents .sora-exporter h4,
  .contents .sora-archive-uploader h4 {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
  }


  .zakuro img,
  .hisui img,
  .kohaku img,
  .suzu img {
    max-width: 100%;
  }
}

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

  #top-head,
  .inner {
    width: 100%;
    padding: 0;
  }

  #top-head {
    top: 0;
    position: fixed;
    margin-top: 0;
  }

  #mobile-head {
    background: #005aff;
    width: 100%;
    height: 60px;
    z-index: 999;
    position: relative;
  }

  #top-head.fixed .logo,
  #top-head .logo {
    position: absolute;
    left: 13px;
    top: 10px;
    display: block;
    margin-left: 0;
    font-size: 1px;
    margin-top: 0;
  }

  #top-head .logo img {
    width: 70%;
  }

  #global-nav {
    position: absolute;
    top: -500px;
    background: #333;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    transition: 0.5s ease-in-out;
    justify-content: center;
    /* ナビゲーションを中央揃えにする */
  }

  #global-nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
    justify-content: center;
    /* リストを中央揃えにする */
  }

  #global-nav ul li {
    float: none;
    position: static;
    padding: 0;
  }

  #top-head #global-nav ul li a,
  #top-head.fixed #global-nav ul li a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 10px;
  }

  #nav-toggle {
    display: block;
  }

  #global-nav ul li a:hover {
    border: none;
    opacity: 1;
  }

  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    transform: rotate(315deg);
  }

  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }

  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    transform: rotate(-315deg);
  }

  .open #global-nav {
    transform: translateY(556px);
  }

  #main {
    min-height: 250px;
  }

  #main .container p {
    display: none;
  }

  #info .container {
    padding-top: 20px;
  }

  p.maincopy span,
  .contact-block {
    font-size: 14px;
  }

  .img-responsive {
    width: 100%;
  }

  .contents .container .license-block table {
    width: 100%;
  }

  .e-block {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .navbar-default .navbar-nav>li>a:hover,
  .navbar-default .navbar-nav>li>a:focus {
    color: #fff8c8;
    background-color: transparent;
  }

  .list-service li {
    width: 80%;
  }

  .multi-block {
    margin-bottom: 0;
  }

  .multi-box {
    width: 100%;
    margin-bottom: 20px;
  }

  #sora-list .slist-inner {
    width: 48%;
  }

  #sora-list .slist-inner:nth-child(even) {
    margin-right: 0;
  }

  #sora-list .slist-inner a {
    min-height: 140px;
  }

  .sfu-illust {
    width: 90%;
    max-width: 480px;
  }

  .pic-webrtc img {
    width: 100%;
    max-width: 241px;
  }

  .pic-webrtc-sfu img {
    width: 100%;
    max-width: 387px;
  }

  .license_overview img {
    width: 100%;
    max-width: 300px;
  }

  .license_ex h4 {
    background-color: #005aff;
    border-radius: 8px;
    line-height: 24px;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
  }

  .contents .container .license_ex h4 {
    font-size: 14px;
    margin: 0 0 16px 0;
  }

  .license_ex div img {
    width: 80%;
    height: auto;
  }

  .use-list li a {
    font-size: 14px;
    padding: 20px 60px 20px 80px;
    line-height: 1.4;
  }

  #sora-list li {
    width: 49%;
    margin-bottom: 10px;
  }

  #sora-list li:nth-child(3n + 3) {
    margin-right: 2%;
  }

  #sora-list li:nth-child(2n + 2) {
    margin-right: 0;
  }

  #tools-list li {
    text-align: center;
    width: 49%;
    margin-bottom: 10px;
  }

  #tools-list li:nth-child(3n + 3) {
    margin-right: 2%;
  }

  #tools-list li:nth-child(2n + 2) {
    margin-right: 0;
  }

  #footer-navi ul li {
    margin-bottom: 10px;
    font-size: 12px;
  }
}

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

  /* 479px以下用（スマートフォン用）の記述 */
  #top-head,
  .inner {
    width: 100%;
    padding: 0;
  }

  #top-head {
    top: 0;
    position: fixed;
    margin-top: 0;
  }

  #mobile-head {
    background: #005aff;
    width: 100%;
    height: 60px;
    z-index: 999;
    position: relative;
  }

  #top-head.fixed .logo,
  #top-head .logo {
    position: absolute;
    left: 13px;
    top: 10px;
    display: block;
    margin-left: 0;
    font-size: 1px;
    margin-top: 0;
  }

  #top-head .logo img {
    width: 70%;
  }

  #global-nav {
    position: absolute;
    top: -500px;
    background: #333;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    transition: 0.5s ease-in-out;
    justify-content: center;
    /* ナビゲーションを中央揃えにする */
  }

  #global-nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
    justify-content: center;
    /* リストを中央揃えにする */
  }

  #global-nav ul li {
    float: none;
    position: static;
    padding: 0;
  }

  #top-head #global-nav ul li a,
  #top-head.fixed #global-nav ul li a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 4px;
    font-size: 11px;
  }

  #nav-toggle {
    display: block;
  }

  #global-nav ul li a:hover {
    border: none;
    opacity: 1;
  }

  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    transform: rotate(315deg);
  }

  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }

  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    transform: rotate(-315deg);
  }

  .open #global-nav {
    transform: translateY(556px);
  }

  .contents .container .cloud h4,
  .contents .container .labo h4,
  .contents .container .momo h4 {
    font-size: 18px;
    margin: 2px;
  }

  .cloud h5,
  .labo h5,
  .momo h5 {
    font-size: 16px;
  }

  .cloud li,
  .labo li,
  .momo li {
    font-size: 16px;
  }

  .contact-block p {
    font-size: 12px;
  }

  .memo-block {
    margin-top: 20px;
    padding: 0 8px 10px;
  }

  .s-mode dt {
    font-size: 16px;
    padding: 10px;
    line-height: 20px;
  }

  .s-mode dd {
    padding: 0 0 10px 10px;
  }

  .s-mode dd ul {
    margin-top: 6px;
  }

  .s-mode dd ul li {
    list-style: none;
    padding: 0 0 0 8px;
    margin-bottom: 6px;
    background: url(../images/icon_arrow01.png) 0 6px no-repeat;
    line-height: 1.2;
  }

  #sora-list li a {
    font-size: 12px;
  }

  #sora-list li.obs a,
  #sora-list li.messaging a,
  #sora-list li.connection_limit a,
  #sora-list li.connection_evict a {
    font-size: 10px;
  }

  #license table {
    font-size: 11px;
  }

  #newlicense table {
    font-size: 11px;
  }

  .ulist-inner {
    width: 48%;
  }

  .ulist-inner:nth-child(even) {
    margin-right: 0;
  }

  .audience-inner {
    width: 100%;
    float: none;
    margin: 0;
  }

  #footer-navi ul {
    width: 100%;
    float: none;
  }

  #footer-navi ul li {
    width: 100%;
    margin-bottom: 2px;
  }

  #footer-navi ul li ul {
    display: block;
  }

  #footer-navi ul li a {
    font-size: 7px;
  }

  #footer-navi .container {
    padding: 10px 8px 8px;
  }

  footer {
    font-size: 10px;
  }

  #support .container h3 {
    width: 100%;
    font-size: 16px;
  }

  .contents .container h2 {
    font-size: 18px;
  }

  .contents .container h3.top {
    font-size: 16px;
  }

  .toc div {
    font-size: 14px;
  }

  .toc h5 {
    font-size: 10px;
    padding: 0 12px;
  }

  .unidirectional .fl-l,
  .unidirectional .fl-r,
  .bidirectional .fl-l,
  .bidirectional .fl-r {
    float: none;
    width: 100%;
  }

  .unidirectional .fl-r {
    margin-left: 0;
    text-align: center;
  }

  .unidirectional .fl-r img {
    width: 70%;
    height: auto;
    margin-top: 0;
  }

  .webhook01 img,
  .webhook02 img,
  .connection img {
    max-width: 100%;
    margin: 10px 0;
  }

  .webhook p {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 0 8px 0;
    padding: 0 10px;
  }

  .contents .container h3.point {
    background: url(../images/h3_point.png) left no-repeat;
  }

  .contents .container h3.caution {
    background: url(../images/h3_caution.png) left no-repeat;
  }

  .contents .container h3.new {
    background: url(../images/h3_new.png) left no-repeat;
  }

  .multistream img {
    float: none;
    max-width: 100%;
    margin: 10px 0 20px;
  }

  .recording img {
    float: none;
    max-width: 100%;
    margin-right: 0;
  }

  .simulcast img,
  .simulcast_multicodec img {
    max-width: 100%;
    height: auto;
    margin: 20px 8px;
  }

  .spotlight img {
    max-width: 100%;
    height: auto;
  }

  .whip img,
  .whep img {
    max-width: 100%;
    height: auto;
  }

  .signaling img {
    max-width: 100%;
    height: auto;
  }

  .forwardingfilter img {
    max-width: 100%;
    height: auto;
  }

  .cluster img,
  .cluster_temporary img,
  .cluster_relay img,
  .cluster_affinity img,
  .cluster_maxconnection img {
    max-width: 100%;
    height: auto;
  }

  .messaging img {
    max-width: 100%;
    height: auto;
  }

  .zakuro img {
    width: 100%;
    height: auto;
  }

  .hisui img {
    width: 100%;
    height: auto;
  }

  .kohaku img {
    width: 100%;
    height: auto;
  }

  .suzu img {
    width: 100%;
    height: auto;
  }

  .onlinemeeting_notes img {
    max-width: 40%;
    margin-left: 8px;
  }

  /** 新ライセンステーブルモバイル対応 **/
  #newlicense table th {
    padding: 3px;
    font-size: 14px;
  }

  #newlicense table td {
    padding: 2px;
    font-size: 13px;
  }

  .highlight_blue h5 {
    font-size: 14px;
    margin: 0;
    line-height: 1.6;
  }

  .price_cluster_memo img {
    max-width: 100%;
    margin: 8px 24px 24px 24px;
  }

  .contents .container .highlight_blue {
    margin-top: 10px;
    padding: 5px 10px;
  }

}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 800px) {
  .container {
    width: 800px;
  }
}

@media (min-width: 960px) {
  .container {
    width: 960px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 980px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 980px;
  }
}