#mission-frame{
  background: linear-gradient(90deg, #f9f8fa 0%, #f9f8fa 65%, white 60%, white 100%);
  padding:0 14px;
}

#mission{
  background-color: #f9f8fa;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  padding:20px 0;
}

#mission-message{
  max-width:860px;
  padding:30px 40px 30px 10px;
  margin:0 auto;
}

#mission-message h3{
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size:32px;
  display:inline-block;
  line-height:1.1;
  margin:0 20px 0 0;
  background: linear-gradient(90deg, #F0B7C6 0%, #9D7C9C 60%, #4C416F 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#mission-message  .lead{
  border-left: solid #4c416f 1px;
  color:#4c416f;
  display:inline-block;
  font-size:16px;
  font-family: "Shippori Mincho", serif;
  font-weight: 300;
  line-height:1;
  padding-left:20px;
}

#mission-message  .ci-message{
  color:#000;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size:24px;
  line-height:1.3;
  margin:18px 0 18px 0;
}

#mission-message  .ci-image{
  padding:10px 0;
  text-align:center;
}

#mission-message  .ci-image img{
max-width:640px;
width:100%;

}

#mission-message  .concept-title{
  color:#4c416f;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size:18px;
  font-style: normal;
  letter-spacing: 0.1em;
  padding-bottom:20px;
  padding-top:20px;
}

#mission-message  .concept-title em{
  background-color:#F5EFF1;
  color:#d0a2a5;
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  display:inline-block;
  font-size:100%;
  padding:0 6px;
  margin-right:0.1em;
  border-radius:6px;
}

#mission-message  .concept-lead{
  color:#5A5A5A;
  line-height:1.8;
}

#outline-frame{
  background-image: linear-gradient(0deg, rgba(251, 242, 245, 1), rgba(253, 251, 252, 1) 100%, rgba(255, 255, 255, 1));
  /*
  background-image: url("/images/about/outline_background.jpg");
  background-repeat: repeat-x;
  background-position: top left;
  */
}

#top-outline {
    max-width: 1064px;
    margin: 0 auto 0 auto;
    padding:40px 20px 0 20px;
}

#top-outline  h2{
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size:42px;
  display:inline-block;
  line-height:1.1;
  margin:0 20px 0 0;
  background: linear-gradient(90deg, #F0B7C6 0%, #9D7C9C 60%, #4C416F 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#top-outline  .lead{
  color:#4c416f;
  display:block;
  font-size:16px;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  line-height:1;
  margin:0.5em 0 1.5em 0;
}

#top-outline #top-outline-inner{
  padding-left:10px;
  padding-right:6px;
}

#top-outline #top-outline-inner #outline{
  padding:20px 0 0 0; 
  width:100%; 
}


#top-outline #top-outline-inner .data{
  border-bottom: 1px solid #E0E0E0;
  margin-bottom:30px;
  padding-bottom:10px;
}

#top-outline #top-outline-inner .data p{
  color:#3d3d3d;
  font-weight: 400;
  padding:0;
  margin:0;
}

#top-outline #top-outline-inner .data p.title{
  color: #3d3d3d;
  font-weight: 500;
  padding-bottom:6px;
}

/*
#top-outline #top-outline-inner .data ul{
  margin:0;
  padding:0;
}
*/

#top-outline #top-outline-inner .data span{
  color:#3d3d3d;
  font-weight: 400;
  line-height:1.8;
}

#top-outline #top-outline-inner .data span::after {
  content: " / ";
  color:#D0A2A5;
}

#top-outline #top-outline-inner .data span:last-child::after {
  content: "";
}

#member-frame{
  margin:0 auto;
  max-width:1100px;
}

#member-frame #member{
  text-align:center;
}

#member-frame #member .table{
  width:100%;
}

#member-frame #member .table .column{
  width:100%;
}
#member-frame #member .table .column p{
  margin:0;

}





#member-frame #member .table .column > div{
  padding:0 16px;
}

#member-frame #member .table .column > div .label{
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 154px;
  color:#3d3d3d;
  font-size:20px;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  text-align:left;
}

#member-frame #member .table .column > div #ceo{
  background-image: url("/images/about/label_ceo.png");
  padding:21px 0 10px 102px;
 }

#member-frame #member .table .column > div #cto{
  background-image: url("/images/about/label_cto.png");
  font-size:20px;
  letter-spacing: -0.08em;
  padding:21px 0 10px 106px;
 }

#member-frame #member .table .column > div #cmo{
  background-image: url("/images/about/label_cmo.png");
  padding:21px 0 10px 108px;
 }

#member-frame #member .table .column img{
  line-height:1;
  margin:0;
  width:100%;
}

#member-frame #member .table .column .profile-text{
  color:#3d3d3d;
  padding:0 0 40px 0;
  text-align:left;
}

.map {
  width: 100%;
  position: relative;
  padding-top: 560px;
  max-height:560px;
}

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

@media screen and (min-width: 780px) {

#mission-frame{
  padding:0 80px;
}

#mission{
  border-top-right-radius: 200px;
  border-bottom-right-radius: 200px;
  max-width:1200px;
  margin:0 auto;
}

#mission-message .ci-message {
    font-size: 28px;
    margin: 22px 0 18px 0;
}

#mission-message{
  max-width:860px;
  padding:50px 40px 30px 10px;
  margin:0 auto;
}

#mission-message  .concept-title{
  font-size:22px;
  padding-top:0;
  margin-top:0;
}

#mission-message .concept-lead {
  font-size:17px;
  padding-right:60px;
}


#mission-message h3{
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size:48px;
  display:inline-block;
  line-height:1.1;
  margin:0 20px 0 0;
  background: linear-gradient(90deg, #F0B7C6 0%, #9D7C9C 60%, #4C416F 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#mission-message  .lead{
  border-left: solid #D5CFE2 1px;
  color:#4c416f;
  display:inline-block;
  font-size:20px;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  line-height:1;
  padding-left:20px;
}

#top-outline{
display:table;
padding: 80px 20px 80px 20px;
width:100%;}

#top-outline #top-outline-inner #outline{
display:table;
border-collapse:collapse;}

#top-outline .lead {
border-left: solid #D5CFE2 1px;
display: inline-block;
font-size: 20px;
padding-left: 20px;}

#top-outline #top-outline-inner .data {
display:table-row;
margin-bottom: 0;}

#top-outline #top-outline-inner .data p{
display:table-cell;
font-size:17px;
padding:18px; 0;}

#top-outline .data > p.title{
width:160px;
max-width:160px;}

#top-outline .data > p br{
display:none;}

#member-frame #member .table{
  display:table;
  table-layout: fixed;
}

#member-frame #member .table .column{
  display:table-cell;
  width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
}

#member-frame #member .table .column > div{
  padding:0 30px;
}

#top-outline #top-outline-inner .data span{
font-size:17px;
display:block;}



#top-outline #top-outline-inner .data span::after {
  content: " ";
}



}