/*                      about                    */

 .about .page_top_ttl  div {
  width: min(35.5rem,calc(355vw/12.8));
 }

 .about_contents {
  background-color: #F1EEEE;
 }
 .about_inner {
  width: min(88.8rem,calc(888vw/12.8));
  margin: 0 auto;
 }

 .about_item {
  margin-bottom: min(9rem,calc(90vw/12.8));
 }
 .about_img {
  margin-bottom: min(4.5rem,calc(45vw/12.8));
  overflow: hidden;
 }
 .about_img a{
  display: block;
  width: 100%;
 }

 .about_item li {
  margin-bottom: min(2rem,calc(20vw/12.8));
 }
 .about_item li:last-of-type {
  margin-bottom: 0;
 }
 .about_item li a{
  box-sizing: border-box;
  border: #B5002B solid  min(.4rem,calc(4vw/12.8));
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.64;
  background-color: #B5002B;
  display: block;
  width: 100%;
  color: #B5002B;
  padding-left:  min(1.5rem,calc(15vw/12.8));
  display: flex;
  position: relative;
 }
 .about_item:last-of-type li a {
  border-color: #003869;
  color: #003869;
  background-color: #003869;
 }
 .about_item li a p {
  width: 100%;
  min-height:  min(9rem,calc(90vw/12.8));
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding-left:  min(2rem,calc(20vw/12.8));
  text-align: left;
  transition: .4s;

 }

 .about_item li a::before {
  content: '';
  width: min(0.8rem, calc(8vw / 12.8));
  height: min(0.8rem, calc(8vw / 12.8));
  border-top: min(.3rem,calc(3vw/12.8)) solid #B5002B;
  border-right: min(.3rem,calc(3vw/12.8)) solid #B5002B;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  right:min(2rem,calc(20vw/12.8));
  transition: .4s;
 }
 .about_item:last-of-type li a::before {
 border-color: #003869;
 }

 @media (hover: hover)  and (pointer: fine){
  .about_item li  a:where(:any-link, :enabled, summary):hover{
   color: #fff;
  }
  .about_item li  a:where(:any-link, :enabled, summary):hover p{
   background-color: #B5002B;
  }
  .about_item:last-of-type li  a:where(:any-link, :enabled, summary):hover p{
   background-color: #003869;
  }
  .about_item li  a:where(:any-link, :enabled, summary):hover::before{
   border-color: #fff;
  }
  .about_img  a:where(:any-link, :enabled, summary):hover {
   opacity: .7;
  }

 }

 @media screen and (max-width: 767px) {
  .about .page_top_ttl   {
   flex-direction: column;
   align-items: flex-start;
  }
  .about .page_top_ttl  div {
   width: 17.5rem;
   font-size: 0;
   margin-right: 0.5rem;
  }

  .about_inner {
   width:100%;
   padding-bottom: 7rem;
  }


  .about_item {
   margin-bottom: 5rem;
  }
  .about_item:last-of-type {
   margin-bottom: 0;
  }
  .about_img {
   margin-bottom: 1.6rem;
  }

  .about_item li {
   width: 32rem;
   margin: 0 auto 0.8rem;
  }

  .about_item li a{
   border: #B5002B solid  .2rem;
   font-size: 1.3rem;
   padding-left:  1rem;
  }
  .about_item li a p {
   min-height: 0;
   padding: 0.8rem 3.5rem 1.2rem 1.5rem;

  }

  .about_item li a::before {
   width: .6rem;
   height: .6rem;
   border-top:.2rem solid #B5002B;
   border-right:.2rem solid #B5002B;
   right: 1.4rem;
  }

 }

 /*                      business_model                    */
.business_model_inner {
 background-color: #fff;
}

.business_model_inner .mv_inner {
 width: min(128rem,calc(1280vw/12.8));
 margin: 0 auto  min(5.6rem,calc(56vw/12.8));
 position: relative;
}

.business_model_inner .mv_detail {
 position: absolute;
 top: 0;
 right: 0;
 width: min(67rem,calc(670vw/12.8));
 height: 100%;
 background-color: #FFFFFF8c;
 box-sizing: border-box;
 padding: min(8rem,calc(80vw/12.8)) 0;
 text-align: justify;
}
.business_model_inner .mv_detail_ttl p{
 font-size: 3.2rem;
 font-weight: 600;
 letter-spacing: 0.08em;
 color: #B5002B;
 text-align: left;
 padding-left: min(4rem,calc(40vw/12.8));
 line-height: 2;
}
.business_model_inner .mv_detail_ttl span{
 font-size: 4rem;
 font-weight: 600;
 letter-spacing: 0.13em;
 color: #fff;
 background-color: #B5002B;
 display: block;
 text-align: left;
 padding-left: min(4rem,calc(40vw/12.8));
}
.business_model_inner .mv_detail_name {
 font-size: 3rem;
 font-weight: 600;
 color: #707070;
 padding-left: min(4rem,calc(40vw/12.8));
 margin:min(5.5rem,calc(55vw/12.8)) 0 min(1rem,calc(10vw/12.8));
}
.business_model_inner .mv_detail_post {
 font-size: 2rem;
 font-weight: 600;
 line-height: 1.6;
 letter-spacing: 0.04em;
 color: #707070;
 padding-left: min(4rem,calc(40vw/12.8));
}
.business_model_inner .mv_detail_txt {
 width: min(48rem,calc(480vw/12.8));
 font-size: 1.8rem;
 font-weight: 400;
 color: #707070;
 line-height: 1.6;
 letter-spacing: 0.04em;
 padding-left: min(4rem,calc(40vw/12.8));
 margin-top:min(3rem,calc(30vw/12.8));
}


.business_model_item,
.crosstalk_item {
 width: min(108rem,calc(1080vw/12.8));
 margin: 0 auto;
 padding-top: min(12rem,calc(120vw/12.8));
 margin-top: max(-12rem,calc(-120vw/12.8));
 padding-bottom: min(12rem,calc(120vw/12.8));
}
.business_model_item:last-of-type ,
.crosstalk_item:last-of-type {
 padding-bottom: 0;
}
.business_model_item_ttl,
.crosstalk_item_ttl {
 background-color: #F1EEEE;
 font-size: 2.8rem;
 font-weight: 600;
 letter-spacing: 0.08em;
 color: #B5002B;
 line-height: 1.6;
 text-align: left;
 box-sizing: border-box;
 padding:min(4rem,calc(40vw/12.8)) min(4rem,calc(40vw/12.8)) min(4rem,calc(40vw/12.8)) min(8rem,calc(80vw/12.8));
 position:relative;
}
.crosstalk_item_ttl {
 color: #003869;

}
.business_model_item_ttl::before ,
.crosstalk_item_ttl::before{
 content: '';
 width: min(2.4rem,calc(24vw/12.8));
 height: 100%;
 background-color: #B5002B;
 position: absolute;
 top: 0;
 left: 0;
}
.crosstalk_item_ttl::before {
 background-color: #003869;
}
.business_model_item_ttl span,
.crosstalk_item_ttl span {
 display: block;
 font-size: 2rem;
 letter-spacing: 0.04em;
 margin-bottom: min(0.8rem, calc(8vw / 12.8));
 font-style: italic;
}
.crosstalk_item_ttl p {
 font-size: 2.4rem;
 letter-spacing: 0.06em;
 font-weight: 600;
 margin-bottom: min(2.5rem,calc(25vw/12.8));
}
.business_model_flex ,
.crosstalk_flex {
 width: min(97rem,calc(970vw/12.8));
margin: 0 auto;
 display: flex;
 justify-content: space-between;
 margin-top: min(5rem,calc(50vw/12.8));
}
.business_model_flex:first-of-type ,
.crosstalk_flex:first-of-type {
 margin-top: min(5.6rem,calc(56vw/12.8));
}
.business_model_icon ,
.crosstalk_icon {
 width: min(12rem,calc(120vw/12.8));
}
.business_model_icon p ,
.crosstalk_icon p {
 font-size: 1.8rem;
 font-weight: 500;
 color: #575352;
 line-height: 1.5;
}
.business_model_txt,.business_model_txt_bold,
.crosstalk_txt,.crosstalk_txt_bold {
 width: min(81.5rem,calc(815vw/12.8));
 text-align: left;
 font-size: 1.8rem;
 font-weight: 500;
 letter-spacing: 0.08em;
 line-height: 2;
 margin-top: min(2rem,calc(20vw/12.8));
}
.business_model_txt p {
 margin-bottom:  min(1.6rem,calc(16vw/12.8));
}
.crosstalk_txt p {
 margin-bottom:  min(5rem,calc(50vw/12.8));
}
.business_model_txt p:last-of-type ,
.crosstalk_txt p:last-of-type {
 margin-bottom: 0;
}
.business_model_txt_bold ,
.crosstalk_txt_bold {
 font-size: 2.4rem;
 font-weight: 600;
 margin-left: auto;
 color: #575352;
 line-height: 2;
 margin-top: min(5.6rem,calc(56vw/12.8));
 margin-right:  min(5.5rem,calc(55vw/12.8));
}

.business_model_item_img {
 width: min(98.5rem,calc(985vw/12.8));
 margin-left: auto;
 margin-top: min(5.6rem,calc(56vw/12.8));
}
.business_model_item_img p {
 font-size: 1.6rem;
 font-weight: 400;
color: #575352;
 letter-spacing: 0.04em;
text-align: right;
}
.business_model_img_04 p {
 text-align: left;
 font-size: 2.4rem;
 letter-spacing: 0.08em;
 font-weight: 600;
 margin-bottom: min(2.4rem, calc(24vw / 12.8));
}
.business_model_img_04 p span {
 font-size: 2rem;
}
.crosstalk_item_img  {
 width: min(108rem,calc(1080vw/12.8));
 margin-top: min(7rem,calc(70vw/12.8));
}
.crosstalk_item_img p {
 text-align: left;
 font-size: 2.4rem;
 color: #003869;
 letter-spacing: 0.08em;
 font-weight: 600;
 margin-bottom: min(2.4rem,calc(24vw/12.8));
}
.crosstalk_item .btn {
 width: min(56rem,calc(560vw/12.8));
}
.business_model_item .btn a,
.crosstalk_item .btn a{
 width: min(52rem,calc(520vw/12.8));
 margin: min(4.8rem,calc(48vw/12.8)) auto 0;
 font-size: 1.6rem;
 border: min(.3rem,calc(3vw/12.8)) #B5002B solid;
}
.crosstalk_item .btn a {
 width: 100%;
 border-color: #003869;
}
.crosstalk_item .btn.last_btn {
 width: min(80rem,calc(800vw/12.8));
}
.crosstalk_item .btn.last_btn a {
 font-size: 2.4rem;
 margin: min(12rem,calc(120vw/12.8)) auto 0;
}
.business_model_item .btn a .blank_icon,
.crosstalk_item .btn a .blank_icon {
 width: min(4rem,calc(40vw/12.8));
 height: min(4rem,calc(40vw/12.8));
}
.crosstalk_item .btn.last_btn a .blank_icon {
 width: min(6rem,calc(60vw/12.8));
 height: min(6rem,calc(60vw/12.8));

}
.business_model_item .btn a .blank_icon span,
.crosstalk_item .btn a .blank_icon span  {
 width: min(1.6rem,calc(16vw/12.8));
}
.crosstalk_item .btn.last_btn a .blank_icon span {
 width: min(2.5rem,calc(25vw/12.8));
}
.crosstalk_item .btn.no_mt a  {
 margin-top: min(5rem,calc(50vw/12.8));
}

@media (hover: hover)  and (pointer: fine){
 .business_model_item .btn  a:where(:any-link, :enabled, summary):hover .blank_icon {
  background-color: #B5002B;
 }
 .crosstalk_item .btn  a:where(:any-link, :enabled, summary):hover .blank_icon {
  background-color: #003869;
 }

}


@media screen and (max-width: 767px) {
 .business_model_inner {
  padding-bottom: 7rem;
 }
 .business_model_inner .mv_inner {
  width:100%;
  margin: 0 auto 4rem;
  overflow: hidden;
 }
 .business_model_inner .mv_img {
  width:56rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
 }

 .business_model_inner .mv_detail {
  width: 20rem;
  height: 100%;
  padding:1.5rem 0;
 }
 .business_model_inner .mv_detail_ttl p{
  font-size: 1rem;
  padding-left: 1.6rem;
  line-height: 2;
 }
 .business_model_inner .mv_detail_ttl span{
  font-size: 1.2rem;
  padding-left: 1.6rem;
 }
 .business_model_inner .mv_detail_name {
  font-size: 1.6rem;
  line-height: 1.6;
  padding-left: 1.6rem;
  margin: 1.5rem 0 1rem;
 }
 .business_model_inner .mv_detail_post {
  font-size: 1.2rem;
  padding-left: 1.6rem;
  line-height: 1.6;
 }
 .business_model_inner .mv_detail_txt {
  width: 15rem;
  font-size: 1rem;
  padding-left: 1.6rem;
  margin-top:1.5rem;
  box-sizing: border-box;
 }


 .business_model_item,
 .crosstalk_item {
  width: 35rem;
  padding-top:7rem;
  margin-top:-7rem;
  padding-bottom:5rem;
 }

 .business_model_item:last-of-type, .crosstalk_item:last-of-type {
  padding-bottom: 0rem;
 }

 .business_model_item_ttl,
 .crosstalk_item_ttl {
  font-size: 1.6rem;
  padding:1.5rem 3.5rem;
 }
 .business_model_item_ttl::before ,
 .crosstalk_item_ttl::before{
  width: 1.5rem;
 }

 .business_model_item_ttl span,
 .crosstalk_item_ttl span {
  display: block;
  font-size: 1.6rem;
  letter-spacing: 0.045em;
 }
 .crosstalk_item_ttl p {
  font-size: 1.2rem;
  margin-bottom: 1rem;
 }
 .business_model_flex ,
 .crosstalk_flex {
  width: 100%;
  margin-top: 3.2rem;
 }
 .business_model_flex:first-of-type ,
 .crosstalk_flex:first-of-type {
  margin-top: 4rem;
 }
 .business_model_icon ,
 .crosstalk_icon {
  width: 4.5rem;
 }
 .business_model_icon p ,
 .crosstalk_icon p {
  font-size: 1rem;
 }
 .business_model_txt,.business_model_txt_bold,
 .crosstalk_txt,.crosstalk_txt_bold {
  width:29rem;
  font-size: 1.4rem;
  margin-top: 1rem;
  letter-spacing: 0.06em;
 }
 .business_model_txt p,
 .crosstalk_txt p {
  margin-bottom: 1.2rem;
 }
 .business_model_txt_bold ,
 .crosstalk_txt_bold {
  font-size: 1.5rem;
  margin-top: 2.4rem;
  margin-right: 0;
 }

 .business_model_item_img {
  width: 100%;
  margin-top: 3rem;
 }
 .business_model_item_img p {
  font-size: 1rem;
 }
 .business_model_img_04 p {
  font-size: 1.5rem;
  margin-bottom: 1.6rem;
  margin-left: 1.6rem;
 }
 .business_model_img_04 p span {
  font-size: 1rem;
 }
 .crosstalk_item_img  {
  width:37.5rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 4rem;
 }
 .crosstalk_item_img_01 {
  width: 100%;
  left: 0;
  transform: none;
 }
 .crosstalk_item_img p {
  width: 33rem;
  box-sizing: border-box;
  padding-right: 1.5rem;
  margin-left: auto;
  margin-bottom: 1.6rem;
  font-size: 1.5rem;
  line-height: 1.6;
 }
 .business_model .btn {
  width: 33rem;
 }
 .crosstalk_item .btn {
  width: 33rem;
 }
 .crosstalk_item .btn.last_btn {
 width: 33rem;
}
 .business_model_item .btn a,
 .crosstalk_item .btn a{
  width: 100%;
  margin:2.4rem auto 0;
  font-size: 1.2rem;
  border: .2rem #B5002B solid;
  line-height: 1;
  border-radius: 1.5rem;
 }
 .crosstalk_item .btn a {
  border-color: #003869;
  font-size: 1.2rem;
 }
 .crosstalk_item .btn.last_btn a {
  font-size: 1.3rem;
  padding: 1rem 0;
  border-radius: 2rem;
  margin-top: 5rem;
 }
 .business_model_item .btn a .blank_icon,
 .crosstalk_item .btn a .blank_icon {
  width: 2rem;
  height: 2rem;
 }
 .crosstalk_item .btn.last_btn a .blank_icon {
  width: 2.5rem;
  height: 2.5rem;

 }
 .business_model_item .btn a .blank_icon span,
 .crosstalk_item .btn a .blank_icon span  {
  width: .8rem;
 }
 .crosstalk_item .btn.last_btn a .blank_icon span {
  width: 1rem;
 }
 .crosstalk_item .btn.no_mt a  {
  margin-top: 2rem;
 }

}


/*                      crosstalk                    */
.crosstalk_inner {
 background-color: #fff;
}

.crosstalk_inner .mv_inner {
 width: min(128rem,calc(1280vw/12.8));
 margin: 0 auto  min(5rem,calc(50vw/12.8));
 position: relative;
}
.crosstalk_inner .mv_ttl {
 position: absolute;
 top: 0;
 right: 0;
 text-align: right;
}
.crosstalk_inner .mv_ttl p{
display: inline-block;
background-color: #003869;
color: #fff;
font-size: 4rem;
font-weight: 600;
letter-spacing: 0.13em;
padding: 0  min(2.5rem,calc(25vw/12.8));
line-height: 2.1;
}
.crosstalk_inner .mv_txt {
 width: min(108rem,calc(1080vw/12.8));
 margin: min(5.6rem,calc(56vw/12.8)) auto min(8rem,calc(80vw/12.8));
 background-color: #F1EEEE;
 text-align: justify;
 box-sizing: border-box;
 padding: min(4rem, calc(40vw / 12.8)) min(9.6rem, calc(96vw / 12.8)) min(4rem, calc(40vw / 12.8));	
 font-size: 1.8rem;
 font-weight: 500;
 line-height: 2;
 letter-spacing: 0.08em;
}

.intro {
 width: min(128rem,calc(1280vw/12.8));
 margin: 0 auto min(8rem,calc(80vw/12.8));
}
.intro_item {
display: flex;
justify-content: space-between;
}
.intro_item:nth-of-type(2) {
 flex-direction: row-reverse;
}
.intro_img {
 width: min(73.5rem,calc(735vw/12.8));
}
.intro_detail {
 width: min(54.5rem,calc(545vw/12.8));
 background-color: #003869;
 box-sizing: border-box;
 padding-top: min(9rem,calc(90vw/12.8));
 padding-left: min(10rem,calc(100vw/12.8));
 text-align: justify;
 color: #fff;
}
.intro_post {
font-size: 2rem;
font-weight: 600;
line-height: 1.6;
letter-spacing: 0.04em;
}
.intro_name {
 font-size: 3rem;
 font-weight: 600;
 margin: min(1rem,calc(10vw/12.8)) 0 min(3rem,calc(30vw/12.8));
}
.intro_txt {
 width: min(37rem,calc(370vw/12.8));
 font-size: 1.8rem;
 font-weight: 400;
 line-height: 1.6;
 letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
 .crosstalk_inner {
  padding-bottom: 7rem;
 }
 .crosstalk_inner .mv_inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
 }
 .crosstalk_inner .mv_ttl p{
 font-size: 1.2rem;
 padding: 0 1rem;
 }
 .crosstalk_inner .mv_txt {
  width: 35rem;
  margin: 1.5rem auto 4rem;
  padding: 1.5rem 1.5rem;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
 }

 .intro {
  width:100%;
  margin: 0 auto 4rem;
 }
 .intro_img {
  width: 17rem;
  background-color: #003869;
 }
 .intro_detail {
  width: 20.6rem;
  padding: 2.5rem 1.5rem;
 }
 .intro_post {
 font-size: 1.2rem;
 line-height: 1.6;
 }
 .intro_name {
  font-size: 1.5rem;
  margin:1rem 0 1.5rem;
  line-height: 1.6;
 }
 .intro_txt {
  width: 100%;
  font-size: 1.1rem;
  line-height: 1.6;
 }

}