/*----------------------------------------------------
	ロゴ制作トップ
----------------------------------------------------*/
#logo {
  width: 100%;
  color: #231f20;
}

#logo input[type=radio] {
  margin-right: 5px;
}

#logo .hide {
  display: none;
}

#logo .required {
  color: #f03a42;
}

#logo .att {
  color: #ef2b34;
}

#logo .center {
  text-align: center;
}

#logo .line {
  width:100%;
  border-bottom: 2px solid #C5C5C6;
}

#logo .list-page-title.logo {
  background: #435b91 url("/img/newhp/logo/bg_lists_ttl.jpg") left top repeat-x;
}
#logo .list-page-title.logo img {
    margin-top: 15px !important;
    height: 27px !important;
}

/* サブメニュー */
#logo-menu .sub-nav {
  border-bottom: 1px solid #C5C5C6;
  padding-bottom: 8px;
}
#logo-menu .sub-nav li {
  margin: 0 1px;
}

/* 灰色三角 */
#logo-menu .sub-nav li a:before {
  color: #acb2a4 !important;
}

#logo-menu .sub-nav ul li a {
  margin: 0px !important;
  padding: 6px 70px 6px 18px !important;
}

#logo-top {
  padding: 10px 10px;
}

#logo .logo-ttl {
  margin: 20px 0;
  font-size: 24px;
}

#logo .lh-md {
  line-height: 22px;
}

/* メニュー */
#logo-nav {
  margin: 20px 0;
  overflow: hidden;
}

#logo .main-img {
  margin-top: 50px;
  border-bottom: 1px solid #C5C5C6;
  padding-bottom: 40px;
}
#logo .center {
  text-align: center;
  font-size: 16px;
}

/* ロゴとは */
@media screen and (min-width: 768px) {
  #logo .logo-block {
    width:700px;
    margin: auto;
  }

  #logo .logo-ttl {
    margin-top: 40px;
  }
  #logo .logo-text {
    font-size: 16px;
    padding-left: 70px;
  }
}

@media only screen and (max-device-width: 480px) {
  #logo .logo-block {
    margin: 0px 30px;
  }
  #logo .logo-ttl {
    margin-top: 40px;
  }
  #logo .logo-text {
    font-size: 16px;
    padding-left: 20px;
  }
}

@media screen and (min-width: 768px) {
  #logo .logo-box {
    width:900px;
    margin: auto;
    border: 1px solid #949599;
    padding: 60px 130px 60px 130px;
  }
  #logo .logo-box .logo-box-ttl {
    margin-bottom: 30px;
  }
  #logo .logo-box .logo-box-text {
    font-size: 15px;
  }
}

@media only screen and (max-device-width: 480px) {
  #logo .logo-box {
    margin: 10px 30px;
  }
  #logo .logo-box .logo-box-ttl {
    margin-bottom: 30px;
  }
  #logo .logo-box .logo-box-text {
    font-size: 15px;
  }
}

/* 制作例一覧 */
@media screen and (min-width: 768px) {
  #logo #logo02 {
    font-size: 28px;
    text-align: center;
  }

  #logo .logo-list-first {
    width:1200px;
    height:340px;
    border-top: 2px solid #949599;
    border-bottom: 2px solid #949599;
  }
  #logo .logo-list {
    width:1200px;
    height:340px;
    border-bottom: 2px solid #949599;
  }
  #logo .logo-list-first .logo-left,
  #logo .logo-list .logo-left {
    width:600px;
    height:319px;
    margin: 10px 0px;
    border-right: 2px dotted #949599;
    float: left;
  }
  #logo .logo-list-first .logo-right,
  #logo .logo-list .logo-right {
    width:600px;
    height:319px;
    display: table-cell;
    font-size: 16px;
    vertical-align: middle;
    padding-left: 50px;
    margin: 5px 0px;
  }
}

@media only screen and (max-device-width: 480px) {
  #logo #logo02 {
    text-align: center;
  }

  #logo .logo-list-first {
    border-top: 1px solid #949599;
  }
  #logo .logo-list {
    border-top: 1px solid #949599;
  }
  #logo .logo-list-first .logo-left,
  #logo .logo-list .logo-left {
    margin: 0px 0px;
    float: left;
  }
  #logo .logo-list-first .logo-right,
  #logo .logo-list .logo-right {
    font-size: 12px;
    margin: 0px 30px 10px 30px;
    float: left;
  }
}

/* スケジュール */
@media screen and (min-width: 768px) {
  #logo .logo-sche {
    width:1020px;
    height:147px;
    margin: auto;
  }
  #logo .logo-sche .logo-sche-no {
    width:132px;
    height:147px;
    float: left;
  }

  #logo .logo-sche .logo-sche-ttl {
    padding-top: 25px;
    padding-bottom: 10px;
    font-size: 24px;
  }
  #logo .logo-sche .logo-sche-text {
    font-size: 15px;
    line-height: 1.8;
  }
}

@media only screen and (max-device-width: 480px) {
  #logo .logo-sche {
    height:160px;
    margin: auto;
  }
  #logo .logo-sche .logo-sche-no {
    width:132px;
    height:147px;
    float: left;
  }

  #logo .logo-sche .logo-sche-ttl {
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 18px;
  }
  #logo .logo-sche .logo-sche-text {
    font-size: 12px;
    line-height: 1.6;
    margin: 0px 5px 0px 0px;
  }
}

/* 注意点 */
@media screen and (min-width: 768px) {
  #logo .logo-attention {
    width:1100px;
    margin: auto;
  }

  #logo .logo-attention2 {
    width:800px;
    margin: auto;
  }
  #logo .logo-attention2 .logo-attention2-ttl {
    padding-bottom: 15px;
  }
  #logo .logo-attention2 .logo-attention2-text {
    font-size: 16px;
    line-height: 1.8;
  }
}

@media only screen and (max-device-width: 480px) {
  #logo .logo-attention {
    margin: 0px 30px;
  }

  #logo .logo-attention2 {
    margin: 0px 30px;
  }
  #logo .logo-attention2 .logo-attention2-ttl {
    padding-bottom: 15px;
  }
  #logo .logo-attention2 .logo-attention2-text {
    font-size: 12px;
    line-height: 1.6;
  }
}

/* お問い合わせ */
@media screen and (min-width: 768px) {
  #logo .logo-inquiry {
    width:800px;
    margin: auto;
  }
  #logo .logo-inquiry .logo-inquiry-ttl {
    font-size: 24px;
    padding-bottom: 15px;
  }
  #logo .logo-inquiry .logo-inquiry-text {
    font-size: 14px;
    line-height: 1.8;
  }

  #logo .logo-form-start {
    width:1200px;
    border-top: 1px solid #949599;
  }
  #logo .logo-form-start .logo-form-item {
    width:800px;
    margin: auto;
    padding: 15px 0px 15px 0px;
    font-size: 14px;
  }

  #logo .logo-form {
    width:1200px;
    background-color: #fff;
    padding: 25px 0px 25px 0px;
  }
  #logo .logo-form-gray {
    width:1200px;
    background-color: #e7e7e8;
    padding: 25px 0px 25px 0px;
  }
  #logo .logo-form-item {
    width:800px;
    margin: auto;
    font-size: 14px;
  }
  #logo .logo-textbox {
  }
  #logo .logo-inputbox {
    width:100%;
  }
  #logo .logo-button {
    text-align: right;
  }

}

@media only screen and (max-device-width: 480px) {
  #logo .logo-inquiry {
    margin: 0px 30px;
  }
  #logo .logo-inquiry .logo-inquiry-ttl {
    font-size: 24px;
    padding-bottom: 15px;
  }
  #logo .logo-inquiry .logo-inquiry-text {
    font-size: 12px;
    line-height: 1.6;
  }

  #logo .logo-form-start {
    border-top: 1px solid #949599;
  }
  #logo .logo-form-start .logo-form-item {
    padding: 15px 30px 15px 30px;
    font-size: 12px;
  }

  #logo .logo-form {
    background-color: #fff;
    padding: 25px 30px 25px 30px;
  }
  #logo .logo-form-gray {
    background-color: #e7e7e8;
    padding: 25px 30px 25px 30px;
  }
  #logo .logo-form-item {
    font-size: 12px;
  }
  #logo .logo-textbox {
  }
  #logo .logo-inputbox {
    width:100%;
  }
  #logo .logo-button {
    text-align: right;
  }
}