@charset "UTF-8";
/* Scss Document */
/* CSS Document */
@media screen and (max-width: 768px) {
  .pc_ver {
    display: none; } }

@media screen and (min-width: 769px) {
  .sp_ver {
    display: none; } }

/*
10px　71.4%
12px　85.7%
16px　114.3%
18px　128.6%
20px　142.8% 
24px　171.4%
28px　200%;
32px　228.6%;
36px　257.1%;
42px　300%;
54px　385.7%;
60px　428.6%;
*/
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/**
 * 下記SVGを変更した場合、インポートする側のCSSもアップする必要があります。注意してください。
 *
*/
#outline {
  display: flex;
  justify-content: space-between;
  margin-top: 60px; }
  #outline table {
    width: 60%; }
  #outline .photos {
    width: 35%; }

#logolist {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 80px; }

main.def {
  padding-bottom: 0px; }

#instagramArea {
  max-width: 100%;
  background-color: #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 769px) {
    #instagramArea {
      margin: 280px auto 0px;
      padding: 100px 5%; } }
  @media screen and (max-width: 768px) {
    #instagramArea {
      margin: 100px auto 0px;
      padding: 60px 5%; } }
  #instagramArea .inner {
    display: inline-block; }
    @media screen and (max-width: 768px) {
      #instagramArea .inner .icons {
        width: 60px;
        height: 60px;
        margin: 0 auto 30px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20503.8%20503.8%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M256%2C49.5c67.3%2C0%2C75.2.2%2C101.8%2C1.4%2C24.6%2C1.2%2C37.9%2C5.3%2C46.8%2C8.7a77.6%2C77.6%2C0%2C0%2C1%2C28.9%2C18.9%2C77.6%2C77.6%2C0%2C0%2C1%2C18.9%2C28.9c3.4%2C8.9%2C7.5%2C22.2%2C8.7%2C46.8%2C1.2%2C26.6%2C1.4%2C34.5%2C1.4%2C101.8s-.2%2C75.2-1.4%2C101.8c-1.2%2C24.6-5.3%2C37.9-8.7%2C46.8a84.3%2C84.3%2C0%2C0%2C1-47.8%2C47.8c-8.9%2C3.4-22.2%2C7.5-46.8%2C8.7-26.6%2C1.2-34.5%2C1.4-101.8%2C1.4s-75.2-.2-101.8-1.4c-24.6-1.2-37.9-5.3-46.8-8.7a77.6%2C77.6%2C0%2C0%2C1-28.9-18.9%2C77.6%2C77.6%2C0%2C0%2C1-18.9-28.9c-3.4-8.9-7.5-22.2-8.7-46.8-1.2-26.6-1.4-34.5-1.4-101.8s.2-75.2%2C1.4-101.8c1.2-24.6%2C5.3-37.9%2C8.7-46.8A77.6%2C77.6%2C0%2C0%2C1%2C78.5%2C78.5a77.6%2C77.6%2C0%2C0%2C1%2C28.9-18.9c8.9-3.4%2C22.2-7.5%2C46.8-8.7%2C26.6-1.2%2C34.5-1.4%2C101.8-1.4m0-45.4c-68.4%2C0-77%2C.3-103.9%2C1.5S107%2C11.1%2C91%2C17.3A122.8%2C122.8%2C0%2C0%2C0%2C46.4%2C46.4%2C122.8%2C122.8%2C0%2C0%2C0%2C17.3%2C91c-6.2%2C16-10.5%2C34.3-11.7%2C61.1S4.1%2C187.6%2C4.1%2C256s.3%2C77%2C1.5%2C103.9S11.1%2C405%2C17.3%2C421a122.8%2C122.8%2C0%2C0%2C0%2C29.1%2C44.6A122.8%2C122.8%2C0%2C0%2C0%2C91%2C494.7c16%2C6.2%2C34.3%2C10.5%2C61.1%2C11.7s35.5%2C1.5%2C103.9%2C1.5%2C77-.3%2C103.9-1.5%2C45.1-5.5%2C61.1-11.7A129.4%2C129.4%2C0%2C0%2C0%2C494.7%2C421c6.2-16%2C10.5-34.3%2C11.7-61.1s1.5-35.5%2C1.5-103.9-.3-77-1.5-103.9S500.9%2C107%2C494.7%2C91a122.8%2C122.8%2C0%2C0%2C0-29.1-44.6A122.8%2C122.8%2C0%2C0%2C0%2C421%2C17.3c-16-6.2-34.3-10.5-61.1-11.7S324.4%2C4.1%2C256%2C4.1Z%22%20transform%3D%22translate%28-4.1%20-4.1%29%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M256%2C126.6A129.4%2C129.4%2C0%2C1%2C0%2C385.4%2C256%2C129.5%2C129.5%2C0%2C0%2C0%2C256%2C126.6ZM256%2C340a84%2C84%2C0%2C1%2C1%2C84-84A84%2C84%2C0%2C0%2C1%2C256%2C340Z%22%20transform%3D%22translate%28-4.1%20-4.1%29%22%2F%3E%3Ccircle%20fill%3D%22%23333%22%20cx%3D%22386.4%22%20cy%3D%22117.4%22%20r%3D%2230.2%22%2F%3E%3C%2Fsvg%3E");
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center center; } }
    #instagramArea .inner img {
      margin: 0px auto 60px; }
      @media screen and (max-width: 768px) {
        #instagramArea .inner img {
          display: none !important; } }
    #instagramArea .inner h2 {
      display: inline-block; }
      @media screen and (min-width: 769px) {
        #instagramArea .inner h2 {
          font-size: 300%; } }
      @media screen and (max-width: 768px) {
        #instagramArea .inner h2 {
          text-align: center;
          font-size: 171.4%; } }
    #instagramArea .inner .more {
      display: table;
      width: auto;
      margin-top: 30px; }