.container .intro {
  zoom: 1; }
  .container .intro:before {
    content: "";
    display: table; }
  .container .intro:after {
    content: "";
    display: table;
    clear: both; }

.container .container-wrap {
  max-width: 1307px; }

.container .intro {
  background: url("../images/m/about/intro-bg.png");
  padding: 32px 38px 29px; }
  .container .intro span {
    font-size: 32px; }
  .container .intro p {
    letter-spacing: 1px;
    line-height: 44px; }
  .container .intro img {
    width: 100%; }
  .container .intro .name {
    font-size: 40px;
    text-align: center;
    letter-spacing: 2px; }
  .container .intro .highlight {
    font-size: 18px;
    color: #fde3dd;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 46px;
    letter-spacing: 2px;
    line-height: 30px; }
    .container .intro .highlight li ~ li {
      margin-top: 55px; }
  .container .intro .img {
    margin-top: 52px;
    padding-bottom: 52px; }

.container .content {
  margin-top: 56px; }
  .container .content p {
    line-height: 44px; }
    .container .content p ~ p {
      margin-top: 72px; }

.youtube {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

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

@media only screen and (min-width: 990px) {
  .container .intro p {
    line-height: 34px; }
  .container .content .video {
    float: right;
    width: 560px;
    margin-left: 20px;
    margin-bottom: 20px; }
  .container .content p {
    line-height: 32px; 
    letter-spacing: 1px;}
    .container .content p ~ p {
      margin-top: 36px; } }
.h-title {
    font-size: 22px;
}