/*================================================

縲€繧ｵ繝ｼ繝薙せ譯亥�縲€Metareal AI繝壹�繧ｸ

縲€髱抵ｼ�#215280
縲€讖呻ｼ�#fe5a00
縲€鮟抵ｼ�#4d4d4d
縲€阮�搨��#dcecf9

================================================*/

footer #bnr {
  display:none;
}

/*----------------------------------------------
縲€蜈ｱ騾夊ｨｭ螳�
----------------------------------------------*/

@media only screen and (min-width:768px) {
  .sp {
    display: none;
  }
}
@media only screen and (max-width:768px) {
  .pc {
    display: none;
  }
}


figure {
  margin: 0;
  padding:0;
}

.mb50 {
  margin-bottom:50px;
}
.mb0 {
  margin-bottom: 0;
}

.fc-orange {
  color:#fe5a00;
  font-weight: bold;
}

.contentsWrap {
  background: url("../img/page/metareal-ai/contetents_top_bg.jpg") no-repeat top center;
  font-size: 16px;
  line-height: 1.5;
}

.contentsBlc {
  padding:80px 0;
}
.contentsBlc:nth-child(odd) {
}
.contentsBlc:nth-child(even) {
  background: #f6f7f7;
}

.contentsInner {
  margin: 0 auto;
  padding:0 25px;
  max-width:1200px;
}
@media only screen and (max-width:768px) {
  .contentsWrap {
    background: url("../img/page/metareal-ai/contetents_top_bg_sp.jpg") no-repeat top center/100%;
  }

  .contentsBlc {
    padding:80px 0;
  }
  .contentsInner {
    padding:0 15px;
  }
}


/*縲€隕句�縺励€€*/
.ttl_orangeLine_b {
  border-bottom:solid 2px #fe5a00;
  color:#215280;
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
}

.ttl_orangeLine_l {
  border-left:solid 2px #fe5a00;
  color:#215280;
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  padding-left:10px;
}

.functionName {
  color: #215280;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom:40px;
  padding-bottom:20px;
  text-align: center;
}
.functionName:before {
  content: attr(data-sub);
  display: block;
  font-size: 16px;
}
.functionName span {
  display: block;
  position: relative;
}
.functionName span::before,
.functionName span::after{
  content:"";
  display: block;
  height:4px;
  width:33px;
  position: absolute;
  bottom:-20px;
}
.functionName span::before {
  background: #215280;
  right:50%;
}
.functionName span::after {
  background: #53a2e1;
  left:50%;
}

.leadTxt01 {
  color: #215280;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 70px;
  text-align: center;
}

.leadTxt02 {
  color:#215280;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 70px;
}


@media only screen and (max-width:768px) {
  .ttl_orangeLine_b {
    font-size: 20px;
  }

  .ttl_orangeLine_l {
    font-size: 20px;
  }

  .functionName {
    font-size: 25px;
  }
  .leadTxt01 {
    font-size: 18px;
    margin-bottom: 50px;
  }
  .leadTxt02 {
    font-size: 16px;
    margin-bottom: 50px;
  }
}

/*縲€youtube縲€*/
.youtubeWrap {
  margin:0 auto;
  max-width:835px;
}
.youtube {/*讓ｪ髟ｷ蜍慕判*/
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;

}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media only screen and (max-width:768px) {
}

/*----------------------------------------------
縲€繝｡繧､繝ｳ繧､繝｡繝ｼ繧ｸ
----------------------------------------------*/

#page_main-1column.metareal-ai {
  background: url(../img/page/metareal-ai/metareal-ai-img00.jpg) no-repeat center top;
  background-size: cover
}
@media only screen and (max-width:768px) {
  #page_main-1column.metareal-ai {
    background: url(../img/page/metareal-ai/metareal-ai-img00_sp.jpg) no-repeat center top;
    background-size: cover
  }
}


/*----------------------------------------------
縲€繧ｭ繝｣繝�メ繧ｳ繝斐�
----------------------------------------------*/

.pageHeader {
  font-weight: bold;
  margin:50px 0 120px;
  text-align: center;
}
.pageHeader .headerTtl {
  color:#215280;
  font-size: 40px;
  margin-bottom:20px;
}
.pageHeader .headerTtl span {
  color:#fe5a00;
}
.pageHeader .headerTxt {
  color:#215280;
  font-size: 26px;
  margin-bottom:50px;
}
.header_subTxt {
  font-size: 17px;
}

@media only screen and (max-width:768px) {
  .pageHeader {
    margin:30px 0 80px;
  }
  .pageHeader .headerTtl {
    font-size: 30px;
    margin-bottom:20px;
  }
  .pageHeader .headerTtl span {

  }
  .pageHeader .headerTxt {
    font-size: 18px;
    margin-bottom:30px;
  }
  .header_subTxt {
    font-size: 14px;
  }
}

/*----------------------------------------------
縲€NVIDIA繧ｫ繝ｳ繝輔ぃ繝ｬ繝ｳ繧ｹ縺ｫ逋ｻ螢�＠縺ｾ縺励◆
----------------------------------------------*/

.conferenceBlc {
  border:solid 1px #215280;
  margin:0 25px 80px;
}
.conferenceTtl {
  background: #215280;
  color:#fff;
  font-size: 32px;
  font-weight: bold;
  padding:.5em 35px;
}
.conferenceInner {
  background: #fff;
  padding:35px;
}
.conference_subTxt {
  color: #215280;
  font-size:26px;
  font-weight: bold;
  margin-bottom:80px;
}
.imgFlex_3 {
  display:flex;
}
.imgFlex_3 figure{
  flex-basis: 31%;
}
.imgFlex_3 figure+figure {
  margin-left:3%;
}
.imgFlex_3 img{
  width:100%;
}

.flex_3 {
  display:flex;
  flex-wrap:wrap;
}
.flex_3 img{
  width:100%;
}
.flex_3 .itemBlc {
  flex-basis: 31%;
}
.flex_3 .itemBlc+.itemBlc {
  margin-left:3%;
}
.flex_3 .itemBlc .img {
  margin-bottom:20px;
}
.flex_3 .itemBlc .ttl {
  color: #215280;
  font-size: 18px;
  font-weight: bold;
  margin-bottom:15px;
}

.conferenceDl div {
  margin-bottom: 50px;
}
.conferenceDl dt {
  margin-bottom:15px;
}

.conferenceDl dd {
  margin: 0;
}

.conference_subTtl {
  color: #215280;
  font-size: 20px;
  font-weight: bold;
}

@media only screen and (max-width:768px) {
  .conferenceBlc {
    margin:0 0 80px;
  }
  .conferenceTtl {
    font-size: 22px;
    padding:.5em 15px;
  }
  .conferenceInner {
    padding:15px;
  }
  .conference_subTxt {
    font-size:18px;
    margin-bottom:30px;
  }

  .flex_3 {
    display:flex;
  }
  .flex_3 .itemBlc {
    flex-basis: 48%;
    margin-bottom:2vw;
  }
  .flex_3 .itemBlc+.itemBlc {
    margin-left:0;
  }
  .flex_3 .itemBlc:first-child {
    margin-right:4%;
  }
  .flex_3 .itemBlc .img {
    margin-bottom:15px;
  }
  .flex_3 .itemBlc .ttl {
    font-size: 16px;
    margin-bottom:10px;
  }
  .flex_3 .itemBlc .txt {
    font-size: 14px;
  }
  .conferenceDl div {
    margin-bottom: 30px;
  }
  .conferenceDl dt {
    margin-bottom:15px;
  }
  .conference_subTtl {
    font-size: 18px;
  }
}
@media only screen and (max-width:400px) {
  .flex_3 {
    display: block;
  }
  .flex_3 .itemBlc {
    margin-bottom:2vw;
  }
  .flex_3 .itemBlc:first-child {
    margin-right:0;
  }
}

/*----------------------------------------------
縲€Metareal AI 繝励Ο繧ｸ繧ｧ繧ｯ繝医€€逶ｮ谺｡ 
----------------------------------------------*/

.tableOfContents {
  margin:0 25px 50px;
}
.ttl_tableOfContents {
  background: #215280;
  color:#fff;
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
  margin-bottom:20px;
  padding:.4em 1.5em;
}

.linkBlc + .linkBlc {
  margin-top:50px;
}
.anchorList {
  background: #f6f7f7;
  display: flex;
  flex-wrap: wrap;
  padding:30px;
}
.anchorList li {
  width:250px;
  list-style:none;
  margin:10px;
}
.anchorList li a {
  background: #427da5;
  color:#fff;
  display: block;
  line-height: 3;
  padding:.5em;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition:.3s;
}
.anchorList li a.double {
  line-height: 1.5;
}
.anchorList li a::after {
  border-top:solid 8px #fe5a00;
  border-left:solid 5px transparent;
  border-right:solid 5px transparent;
  content:"";
  display: block;
  position: absolute;
  top:50%;
  right:20px;
  transform: translateY(-50%);
  transition:.3s;
}
.anchorList li a:hover {
  opacity: .8;
}
.anchorList li a:hover:after {
  top:60%;
}

@media only screen and (max-width:1025px) {
  .anchorList li {
    width:48%;
    margin:10px 1%;
  }
}
@media only screen and (max-width:768px) {
  .tableOfContents {
    margin:0;
  }
  .ttl_tableOfContents {
    font-size: 18px;
    margin-bottom:20px;
    padding:.4em 1em;
  }
  .anchorList {
    padding:10px;
  }
  .anchorList li {
    font-size: 14px;
  }
  .anchorList li a {
    padding:.5em 20px .5em 10px; 
    text-align: left;
  }
  .anchorList li a::after {
    right:10px;
  }
}
@media only screen and (max-width:400px) {
  .anchorList li {
    width:98%;
    margin:5px 1%;
  }

}

/*----------------------------------------------
縲€謨ｴ蜷域€ｧ繝√ぉ繝�き繝ｼ
----------------------------------------------*/

.checker_explanation01 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom:50px;
}
.checker_explanation01 .explanation {
  width:48%;
}
.checker_explanation01 .checker_img01{
  background: #fff;
  padding:20px 30px;
  text-align: center;
  width:45%;
}
.checker_explanation01 .checker_img01 p {
  color:#215280;
  font-weight: bold;
}

.checker_explanation02 {
  margin-bottom:50px;
}
.checker_img02 {
  background: #fff;
  margin-top:50px;
  padding:40px;
}
.checker_img02 img {
  width:100%;
}

@media only screen and (max-width:768px) {
  .checker_explanation01 {
    display: block;
  }
  .checker_explanation01 .explanation {
    width:100%;
  }
  .checker_explanation01 .checker_img01{
    padding:20px 15px;
    width:100%;
  }

  .checker_img02 {
    margin-top:30px;
    padding:20px 15px;
  }
}


/*----------------------------------------------
縲€繝ｩ繧ｯ繝､繧ｯAI
----------------------------------------------*/

.rakuyaku_explanation01 .rakuyaku_inner{
  margin-bottom:50px;
}

.rakuyaku_explanation02 {
  background: #dcecf9;
  padding:40px 35px;
}

.aboutRakuyaku_header {
  color:#215280;
  font-weight: bold;
  text-align: center;
}
.aboutRakuyaku_header.logo {
}
.aboutRakuyaku_header .txt01 {
  font-size: 22px;
}
.aboutRakuyaku_header .txt02 {
}
.aboutRakuyaku_content {
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:50px;
}
.aboutRakuyaku_content div{
  background: #fff;
  margin-bottom:20px;
  width:48%;
}
.aboutRakuyaku_content dt{
  background: #215280;
  color:#fff;
  font-size: 18px;
  font-weight: bold;
  padding:.5em;
  text-align: center;
}
.aboutRakuyaku_content dd{
  margin: 0;
  padding: 20px;
}
@media only screen and (max-width:768px) {
  .rakuyaku_explanation01 .rakuyaku_inner{
    margin-bottom:30px;
  }

  .rakuyaku_explanation02 {
    padding:30px;
  }
  .aboutRakuyaku_header .txt01 {
    font-size: 20px;
  }
  .aboutRakuyaku_content {
    display: block;
    margin-top:40px;
  }
  .aboutRakuyaku_content div{
    width:100%;
  }
  .aboutRakuyaku_content dt{
    font-size: 16px;
  }
  .aboutRakuyaku_content dd{
    padding: 15px;
  }
}

/*----------------------------------------------
縲€繧ｭ繝｣繝ｩ繧ｯ繧ｿ繝ｼAI鄙ｻ險ｳ繧ｨ繝ｳ繧ｸ繝ｳ縲窪LLA縲�
----------------------------------------------*/
.chara_explanationTxt {
  font-weight: bold;
  margin-bottom: 50px;
}
.chara_imgBlc {
  display: flex;
  justify-content: space-between;
  margin:50px 0 20px;
}
.chara_imgBlc figure{
  width:48%;
}

.chara_exampleBlc {
  background: #fff;
  padding:30px 35px;
  margin-bottom:50px;
}
.chara_exampleTtl {
  color: #215280;
  font-size: 22px;
  font-weight: bold;
  margin-bottom:15px;
}
.chara_exampleInner {
  display: flex;
  justify-content: space-between;
  margin-bottom:30px;
}
.exampleItem {
  width: 46%;
} 

.exampleItem div{
  background: #dcecf9;
  padding:15px;
}
.exampleItem p{
  margin-bottom: 0;
}
.exampleItem .original {
  margin-bottom:50px;
  position: relative;
  min-height: 97px;
}
.exampleItem .original::after {
  content:url("../img/page/metareal-ai/arrow_bottom.svg");
  display: block;
  position: absolute;
  left:50%;
  bottom:-42px;
  transform: translateX(-50%);
}
.exampleItem .ttl {
}
.exampleItem .txt01 {
}
.exampleItem .txt02 {
  color: #215280;
  font-weight: bold;
}
.exampleVoice {
  color: #215280;
  font-weight: bold;
}
.exampleVoice dt{
  font-size: 20px;
  margin-bottom: 5px;
}
.exampleVoice dd{
  margin: 0;
  text-indent: -.5em;
}

@media only screen and (max-width:768px) {
  .chara_exampleBlc {
    padding:15px;
    margin-bottom:50px;
  }
  .chara_exampleTtl {
    font-size: 18px;
  }
  .chara_exampleInner {
    display: block;
  }
  .exampleItem {
    border-bottom:dashed 1px #215280;
    margin-bottom:30px; 
    padding-bottom:30px;
    width: 100%;
  } 
  .exampleVoice dt{
    font-size: 18px;
  }
}

/*----------------------------------------------
縲€繧ｪ繝ｳ繝励Ξ髻ｳ螢ｰ隱崎ｭ�
----------------------------------------------*/
.onpre_explanation01 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom:50px;
}
.onpre_explanation01 .explanation {
  width:48%;
}
.onpre_explanation01 .onpre_img01{
  background: #dcecf9;
  padding:20px 30px;
  text-align: center;
  width:45%;
}

.onpre_explanation02 {
  margin-bottom:50px;
}

@media only screen and (max-width:768px) {
  .onpre_explanation01 {
    display: block;
  }
  .onpre_explanation01 .explanation {
    width:100%;
  }
  .onpre_explanation01 .onpre_img01{
    padding:20px 15px;
    width:100%;
  }
  .onpre_explanation01 .onpre_img01 img{
    max-width:500px;
    width:100%;
  }
}

/*----------------------------------------------
縲€蝗帛ｭ｣蝣ｱAPI
----------------------------------------------*/

.shikihou_img {
  background: #fff;
  margin-bottom: 50px;
  padding:40px;
  text-align: center;
}
.shikihou_img img{
  max-width:830px;
  width: 100%;
}

@media only screen and (max-width:768px) {
  .shikihou_img {
    padding:20px 15px;
  }
}

/*----------------------------------------------
縲€Metareal AI LLM 2 
----------------------------------------------*/

.mai_img {
  margin-bottom: 50px;
  text-align: center;
}
.mai_img img{
  max-width:830px;
  width: 100%;
}

.mai_explanation {
  background: #dcecf9;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  padding:40px;
}
.mai_explanation .txtBlc {
  width:47%;
}
.mai_explanation figure {
  width:45%;
}
.mai_explanation .ttl {
  color:#215280;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media only screen and (max-width:768px) {
  .mai_explanation {
    display: block;
    padding:20px 15px;
  }
  .mai_explanation .txtBlc {
    margin-bottom: 30px;
    width:100%;
  }
  .mai_explanation figure {
    text-align: center;
    width:100%;
  }
  .mai_explanation figure img {
    max-width: 499px;
    width:100%;
  }
  .mai_explanation .ttl {
    font-size: 18px;
  }

}

/*----------------------------------------------
縲€JellyBeans.ai
----------------------------------------------*/

.jelly_explanation {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.jelly_explanation .txtBlc {
  width:47%;
}
.jelly_explanation figure {
  background: #fff;
  padding:20px;
  text-align: center;
  width:45%;
}
.jelly_img {
  margin-bottom: 50px;
  text-align: center;
}
.jelly_img img{
  max-width:830px;
  width: 100%;
}

.comparisonBlc {
  
}
.comparisonBlc .ttl {
  color: #215280;
  font-size: 20px;
  font-weight: bold;

}
.comparisonInner {
  display: flex;
  justify-content: space-between;
}
.comparisonItem {
  background: #fff;
  width:46%;
}
.comparisonItem p{
  margin-bottom: 0;
}

.comparisonItem .kindName{
  background: #215280;
  color:#fff;
  font-size: 20px;
  font-weight: bold;
  padding:.5em;
  text-align: center;
}
.comparisonItem .txtBlc{
  padding:30px;
}
.comparisonItem .txtBlc .ttl_orangeLine_b {
  margin-bottom:25px;
}
.comparisonDl {
  margin: 0;
}
.comparisonDl div+div{
  margin-top:20px;
}
.comparisonDl dt {
  color:#215280;
  font-size: 20px;
  font-weight: bold;
  margin-bottom:10px;
}
.comparisonDl dd {
  margin: 0;
}
.comparisonDl .linkList {
  list-style:none;
  display: flex;
  flex-wrap:wrap;
  margin: 0;
  padding:0;
}
.comparisonDl .linkList li {
  margin:0 5px 10px;
}
.comparisonDl .linkList li a {
  border:solid 1px #215280;
  border-radius:30px;
  color: #215280;
  display: block;
  font-size: 13px;
  padding:.25em 1em;
  text-decoration: none;
  transition:.3s;
}
.comparisonDl .linkList li a:hover {
  background:#dcecf9; 
}

@media only screen and (max-width:768px) {
  .jelly_explanation {
    display: block;
    margin-bottom: 50px;
  }
  .jelly_explanation .txtBlc {
    margin-bottom: 30px;
    width:100%;
  }
  .jelly_explanation figure {
    box-sizing: border-box;
    width:100%;
  }
  .comparisonBlc .ttl {
    font-size: 18px;
  }
  .comparisonInner {
    display: block;
  }
  .comparisonItem {
    width:100%;
  }
  .comparisonItem+.comparisonItem {
    margin-top:15px;
  }

  .comparisonItem .kindName{
    font-size: 18px;
    padding:.5em 20px;
    text-align: left;
  }
  .comparisonItem .txtBlc{
    padding:20px;
  }
  .comparisonDl div+div{
    margin-top:20px;
  }
  .comparisonDl dt {
    font-size: 18px;
  }
}

/*----------------------------------------------
縲€
----------------------------------------------*/

/*----------------------------------------------
縲€
----------------------------------------------*/