.pageMV {
  background-image: url("/profile/img/mv.jpg");
  background-position: center center; }
  .pageMV h1 {
    color: #fff; }

.printBtn {
  margin: 0 auto 20px auto;
  text-align: right; }
  .printBtn img {
    width: 40vw;
    max-width: 185px;
    height: auto; }

.prof {
  display: flex;
  margin: 0 auto 120px auto; }
  @media screen and (max-width: 740px) {
    .prof {
      display: block; } }
  .prof .photo {
    width: 320px;
    margin: 0 60px 0 0; }
    @media screen and (max-width: 768px) {
      .prof .photo {
        margin: 0 30px 0 0; } }
    @media screen and (max-width: 740px) {
      .prof .photo {
        width: 100%;
        max-width: 280px; } }
  .prof .txtBlock {
    width: 380px;
    padding: 20px 0 0 0;
    margin: 0 60px 0 0;
    line-height: 1.3; }
    @media screen and (max-width: 740px) {
      .prof .txtBlock {
        width: 100%; } }
    .prof .txtBlock em {
      margin: 0 0 30px 0;
      display: inline-block; }
    .prof .txtBlock h2 {
      color: #002244;
      letter-spacing: 0.15em;
      line-height: 1.2; }
      .prof .txtBlock h2 em {
        display: block;
        font-size: 36px;
        margin: 0 0 10px 0; }
      .prof .txtBlock h2 span {
        font-size: 14px;
        display: block;
        padding: 0 0 0 5px; }
    .prof .txtBlock ul li {
      margin: 0 0 15px 0; }
  .prof .area {
    border: 1px #ddd solid;
    padding: 13px 15px; }
    @media screen and (max-width: 740px) {
      .prof .area {
        margin: 30px 0 0 0; } }
    .prof .area h2 {
      margin: 0 0 15px 0; }
    .prof .area h3 {
      margin: 0 0 15px 0; }
    .prof .area .list {
      font-size: 14px; }
      .prof .area .list li {
        margin-bottom: 5px; }
    .prof .area .map {
      max-width: 200px;
      margin: 10px auto 0 auto; }

.history {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto 120px auto;
  /*.left{
  	width:29%;
  	p{line-height: 1.75;}
  	@include break{
  		width:100%;
  		margin: 0 0 40px 0;
  	}
  }*/ }
  @media screen and (max-width: 768px) {
    .history {
      display: block; } }
  .history h2 {
    width: 100%; }
  .history .right {
    width: 100%; }
    @media screen and (max-width: 768px) {
      .history .right {
        width: 100%; } }
    .history .right dl {
      line-height: 1.6;
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 500px) {
        .history .right dl {
          display: block; } }
      .history .right dl dt {
        width: 110px;
        padding: 0 0 20px 0; }
        @media screen and (max-width: 500px) {
          .history .right dl dt {
            width: 100%;
            padding: 0 0 5px 0; } }
        .history .right dl dt:first-child {
          width: 100%; }
          @media screen and (max-width: 500px) {
            .history .right dl dt:first-child {
              padding: 0 0 20px 0; } }
      .history .right dl dd {
        width: calc(100% - 110px);
        padding: 0 0 20px 0; }
        @media screen and (max-width: 500px) {
          .history .right dl dd {
            width: 100%; } }
    .history .right p {
      line-height: 1.75;
      padding: 10px 0 0 0; }

.position {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto 120px auto; }
  @media screen and (max-width: 768px) {
    .position {
      display: block; } }
  .position h2 {
    width: 100%; }
  .position .left {
    width: 410px;
    margin: 0 0 20px 0; }
    .position .left p {
      line-height: 1.75; }
    @media screen and (max-width: 768px) {
      .position .left {
        width: 100%;
        margin: 0 0 40px 0; } }
  .position .right {
    width: calc(100% - 410px - 60px);
    margin: 0 0 20px 0; }
    @media screen and (max-width: 768px) {
      .position .right {
        width: 100%; } }
    .position .right ul.list {
      margin: 0 0 40px 0; }
  .position p {
    width: 100%; }