@charset "UTF-8";
/* CSS Document */

#mv .mvInr {
  background-image: url(../images/mv.jpg);
}
.clearfix:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  font-size: 0.1em;
  line-height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
  min-height: 1%;
}
.mgB10 {
  margin-bottom: 10px;
}
img {
  width: 100%;
}
/*-------------------
#associates .categoli
---------------------*/
#associates .assoImg {
  width: 50%;
  margin: 40px auto 0;
}
#associates .subCategoli .subCtglWrap {
  margin-left: 3.7rem;
}
#associates .categliTtl {
  padding: 10px 0 8px 4.7rem;
  color: #fff;
  margin-left: 1rem;
  font-size: 150%;
  position: relative;
}
#associates .categoli01 .icon-talk, #associates .categoli02 .icon-pen, #associates .categoli03 .icon-research, #associates .categoli04 .icon-announce, #associates .categoli05 .icon_develop {
  position: relative;
}
#associates .categoli01 .icon-talk::before, #associates .categoli02 .icon-pen::before, #associates .categoli03 .icon-research::before, #associates .categoli04 .icon-announce::before, #associates .categoli05 .icon_develop::before {
  position: absolute;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
 -webkit- transform: translateY(-50%) translateX(-50%);
  display: inline-block;
  content: '';
  z-index: 2;
}
#associates .categoli01 .icon-talk, #associates .categoli02 .icon-pen, #associates .categoli03 .icon-research, #associates .categoli04 .icon-announce, #associates .categoli05 .icon_develop {
  position: absolute;
  top: 50%;
  left: -1rem;
  background-color: #fff;
  width: 52px;
  height: 52px;
  border: solid 2px #eee;
  border-radius: 100%;
  display: inline-block;
  content: '';
  z-index: 1;
  margin-top: -26px;
}
/*#associates .categoli05 .icon_develop::after {
  position: absolute;
  top: -50%;
  right: 1rem;
  background-color: #fff;
  width: 52px;
  height: 52px;
  border: solid 2px #eee;
  border-radius: 100%;
  display: inline-block;
  content: '';
  z-index: 1;
}
*/#associates .subCategoli .subTtl {
  font-size: 150%;
  margin-left: 2rem;
  line-height: 1.5;
}
#associates .subCategoli .subTtl span {
  width: 9px;
  height: 2px;
  background-color: #111;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}
#associates .categoli01, #associates .categoli02, #associates .categoli03, #associates .categoli04, #associates .categoli05 {
  margin: 50px 0;
}
/*-------------------
#associates .categoli01---------------------*/

#associates .categoli01 .ttlBlue {
  background-color: #2a56a5;
}
#associates .categoli01 .icon-talk::before {
  background-image: url(../images/talk.svg);
  width: 27px;
  height: 22px;
}
#associates .categoli01 .subCategoli .subTtl {
  color: #2a56a5;
}
#associates .categoli01 .subCategoli .subCtglWrap .leftSide {
  width: 23%;
  padding: 20px 30px 0 0;
}
#associates .categoli01 .subCategoli .subCtglWrap .rightSide {
  width: 77%;
  line-height: 1.7;
  margin-top: 15px;
}
#associates .categoli01 .subCategoli .subCtglWrap .rightSide img {
  width: 60%;
  margin-bottom: 10px;
}
/*-------------------
#associates .categoli01---------------------*/

#associates .categoli02 .ttlPink {
  background-color: #e287b5;
}
#associates .categoli02 .icon-pen::before {
  background-image: url(../images/pen.svg);
  width: 25px;
  height: 25px;
}
#associates .categoli02 .subCategoli .subTtl {
  color: #e287b5;
}
#associates .categoli02 .subCategoli .subTtl.subInr {
  font-size: 110%;
}
#associates .categoli02 .subCategoli .subCtglWrap .assoImg {
  width: 60%;
  margin-left: 0;
  margin-top: 10px;
}
#associates .categoli02 .subCategoli .subCtglWrap ul {
  margin-left: -10px;
  margin-right: -10px;
}
#associates .categoli02 .subCategoli .subCtglWrap ul li {
  width: 50%;
  padding: 10px 10px 0 10px;
}
#associates .categoli02 .subCategoli .subCtglWrap .ttl {
  font-size: 100%;
  margin-bottom: 7px;
  line-height: 1.4;
}
#associates .categoli02 .subCategoli .networkWrap div.fltL {
  width: 50%;
  padding: 0;
}
/*-------------------
#associates .categoli03---------------------*/

#associates .categoli03 .ttlBrowm {
  background-color: #8e6139;
}
#associates .categoli03 .icon-research::before {
  background-image: url(../images/research.svg);
  width: 23px;
  height: 25px;
}
#associates .categoli03 .subCategoli .subTtl {
  color: #8e6139;
}
#associates .categoli03 .subCategoli .subCtglWrap .ttl {
  background-color: #f8f8f8;
  padding: 10px;
  font-size: 110%;
  margin-top: 10px;
}
#associates .categoli03 .subCategoli .subCtglWrap .leftSide {
  width: 20%;
  padding: 10px 10px 0 0;
}
#associates .categoli03 .subCategoli .subCtglWrap .rightSide {
  width: 80%;
  padding: 10px 10px 0 0;
}
#associates .categoli03 .subCategoli .subCtglWrap .rightSide span {
  font-size: 110%;
  margin-left: -1rem;
}
#associates .categoli03 .subCategoli .subCtglWrap .subCtglBox01{
  width: 100%;
}
#associates .categoli03 .subCategoli .subCtglWrap .subCtglBox01, #associates .categoli03 .subCategoli .subCtglWrap .subCtglBox02 {
  margin-bottom: 15px;
}
#associates .categoli03 .subCategoli .subCtglWrap .subCtglBox02 {
  width: 100%;
}
/*#associates .categoli03 .subCategoli .subCtglWrap .subCtglBox02 .leftSide {
  width: 30%;
  padding: 10px 10px 0 0;
}*/
/*#associates .categoli03 .subCategoli .subCtglWrap .subCtglBox02 .rightSide {
  width: 70%;
  padding: 10px 10px 0 0;
}*/
#associates .categoli03 .subCategoli .subCtglWrap .subCtglBox03 ul li.ListBox {
  width: 33%;
  padding: 10px 20px 0 0;
}
#associates .categoli03 .subCategoli .subCtglWrap .subCtglBox03 ul li.ListBox:last-child {
  padding: 10px 0 0 0;
}
/*-------------------
#associates .categoli04---------------------*/

#associates .categoli04 .ttlOrange {
  background-color: #ee9b2e;
}
#associates .categoli04 .icon-announce::before {
  background-image: url(../images/announce.svg);
  width: 26px;
  height: 20px;
}
#associates .categoli04 .subCategoli .subTtl {
  color: #ee9b2e;
}
#associates .categoli04 .subCategoli .subCtglWrap .leftSide {
  width: 30%;
  padding: 10px 25px 0 0;
}
#associates .categoli04 .subCategoli .subCtglWrap .rightSide {
  width: 70%;
  padding: 10px 10px 0 0;
}
/*-------------------
#associates .categoli05---------------------*/

#associates .categoli05 .ttlSky {
  background-color: #6ec7d1;
}
#associates .categoli05 .icon_develop::before {
  background-image: url(../images/develop.svg);
  width: 30px;
  height: 23px;
}
#associates .categoli05 .subCategoli .subTtl {
  color: #6ec7d1;
}
#associates .categoli05 .subCategoli .subCtglWrap ul li.ListBox {
  width: 50%;
  padding: 15px;
}
#associates .categoli05 .subCategoli .subCtglWrap ul.ListBoxWrap {
  margin-left: -15px;
  margin-right: -15px;
}
/*-------------------
#team 
---------------------*/
#team ul {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
#team ul li {
  width: 25%;
  padding: 12px;
}
.modalImg {
  position: relative;
}
.modalImg:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.modalImg img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
.plus {
  display: inline-block;
  position: absolute;
  width: 37px;
  height: 37px;
  background-color: #111;
  bottom: 0;
  right: 0;
}
.plus:before, .plus:after {
  display: block;
  content: '';
  border-radius: 10px;
  position: absolute;
  width: 29px;
  height: 1px;
  top: 18px;
  left: 4px;
  background-color: #fff;
}
.plus:before {
  width: 1px;
  height: 29px;
  top: 4px;
  left: 18px;
}
#team .position {
  font-size: 76%;
  color: #ec6515;
  line-height: 1.3;
  margin-top: 10px;
}
#team .name {
  font-size: 125%;
  margin-top: 5px;
}
.remodal {
  text-align: left;
  border-radius: 0!important;
  max-width: 1100px;
}
.remodal .teamImg {
  width: 23%;
  padding: 0 30px 0 0;
}
.remodal .teamBox {
  width: 77%;
}
.remodal .position {
  font-size: 120%;
  color: #ec6515;
  line-height: 1.4;
  margin-bottom: 14px;
}
.remodal .name {
  font-size: 190%;
  line-height: 1.2;
  margin-top: -10px;
}
.remodal .nameText {
  font-size: 100%;
  color: #666;
  line-height: 1.5;
  margin-bottom: 10px;
}
.remodal .text {
  color: #333;
}
.remodal-close {
  display: none!important
}
.remodal .remodal-cancel {
  margin: auto;
  display: block;
}
.remodal-cancel:hover, .remodal-cancel:active {
  color: #ec6515;
}
.remodal-cancel {
  border: 1px solid #ec6515;
  background: #ec6515;
}
.remodal-cancel {
  font-size: 12pt;
  width: 90%;
  max-width: 300px;
}

/*SP*/
@media only screen and (max-width: 800px) {
.fltL {
  float: left;
}
.fltR {
  float: right;
}
#associates .categoli01 .subCategoli .subTtl, #associates .categoli02 .subCategoli .subTtl, #associates .categoli03 .subCategoli .subTtl, #associates .categoli04 .subCategoli .subTtl, #associates .categoli05 .subCategoli .subTtl {
  text-indent: -1.5rem;
}
#associates .categoli01 .subCategoli .subCtglWrap .leftSide, #associates .categoli01 .subCategoli .subCtglWrap .rightSide {
  margin-top: 5px;
}
/*-------------------
#associates .categoli02---------------------*/
#associates .categoli02 .subCategoli .subCtglWrap ul li {
  width: 80%;
  margin-bottom: 20px;
  float: none;
}
/*-------------------
#team 
---------------------*/
#team ul li {
  width: 33%;
  padding: 12px;
}
.remodal {
  margin-top: 75px;
}
.remodal .teamImg {
  width: 50%;
  margin-bottom: 20px;
}
.remodal .teamBox {
  width: 100%;
}
}

/*SP*/
@media only screen and (max-width: 650px) {
.fltL, .fltR {
  float: none;
}
#associates .categoli01 .icon-talk::after, #associates .categoli02 .icon-pen::after, #associates .categoli03 .icon-research::after, #associates .categoli04 .icon-announce::after {
  top: -70%;
}
#associates .categoli05 .icon_develop::after {
  top: -60%;
}
#associates .subCategoli .subCtglWrap {
  margin-left: 0;
}
/*-------------------
#associates .ttl---------------------*/
#associates .categliTtl {
  padding: 6px 0 7px 5rem;
  font-size: 150%;
  position: relative;
}
#associates .subCategoli .subTtl {
  font-size: 130%;
}
/*-------------------
#associates .categoli01---------------------*/
#associates .categoli01 .subCategoli .subCtglWrap .leftSide {
  width: 40%;
  padding: 0 10px 0 0;
}
#associates .categoli01 .subCategoli .subCtglWrap .rightSide {
  width: 100%;
  padding: 0;
}
/*-------------------
#associates .categoli02---------------------*/
#associates .categoli02 .subCategoli .subCtglWrap ul li {
  width: 100%;
}
#associates .categoli02 .subCategoli .networkWrap div.fltL {
  width: 100%;
}
/*-------------------
#associates .categoli03---------------------*/

#associates .categoli03 .subCategoli .subCtglWrap .leftSide, #associates .categoli03 .subCategoli .subCtglWrap .subCtglBox02 .leftSide {
  width: 50%;
}
#associates .categoli03 .subCategoli .subCtglWrap .rightSide, #associates .categoli03 .subCategoli .subCtglWrap .subCtglBox02 .rightSide, #associates .categoli03 .subCategoli .subCtglWrap .subCtglBox03 ul li.ListBox, #associates .categoli04 .subCategoli .subCtglWrap .rightSide, #associates .categoli05 .subCategoli .subCtglWrap ul li.ListBox {
  width: 100%;
}
/*-------------------
#associates .categoli04---------------------*/

#associates .categoli04 .subCategoli .subCtglWrap .leftSide {
  width: 50%;
}
/*-------------------
#associates .categoli05---------------------*/

/*-------------------
#team 
---------------------*/
#team ul li {
  width: 50%;
  padding: 20px;
}
.remodal {
  margin-top: 90px;
  padding: 20px;
}
.remodal .teamImg {
  width: 80%;
}
#associates .categoli03 .subCategoli .subCtglWrap .subCtglBox03 ul li.ListBox {
  padding: 10px 0;
}
.remodal .position {
  font-size: 90%;
  line-height: 1.5;
}
}

@media only screen and (max-width: 500px) {
#associates .assoImg {
  width: 80%;
  margin: 20px auto 0;
}
/*-------------------
#associates .categoli01---------------------*/
#associates .categoli01 .subCategoli .subCtglWrap .rightSide img {
  width: 100%;
}
/*-------------------
#associates .categoli02---------------------*/
#associates .categoli02 .subCategoli .subCtglWrap .assoImg {
  width: 95%;
}
/*-------------------
#associates .categoli03---------------------*/
#associates .categoli03 .subCategoli .subCtglWrap .leftSide, #associates .categoli03 .subCategoli .subCtglWrap .subCtglBox02 .leftSide {
  width: 100%;
  padding: 10px;
}
/*-------------------
#associates .categoli04---------------------*/
#associates .categoli04 .subCategoli .subCtglWrap .leftSide {
  width: 100%;
}
/*-------------------
#team 
---------------------*/
#team .name {
  font-size: 125%;
}
.remodal .name {
  font-size: 160%;
}
.remodal .teamImg {
  width: 100%;
  padding: 0;
}
}
/*/*/


.network_wrap{
	max-width: 50%;
}
.network_wrap img{
	width: 100%;
	height: auto;
}
@media only screen and (max-width: 800px) {
.network_wrap{
	max-width: 100%;
}
}