@charset "UTF-8";
/*
@mixin font_en{
	font-family:'Open Sans', "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
*/
@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents #sec01 {
    padding-top: 180px; } }

html.PC #ms_contents #sec01 {
  padding-top: 180px; }

@media screen and (min-width: 651px) and (max-width: 1340px) {
  html:not(.SP) #ms_contents #sec01 {
    padding-top: 13.43284vw; } }

@media screen and (min-width: 651px) and (max-width: 1340px) {
  html.PC #ms_contents #sec01 {
    padding-top: 13.43284vw; } }

@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #ms_contents #sec01 {
    padding-top: 132.98507px; } }

@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents #sec01 {
    padding-bottom: 0px; } }

html.PC #ms_contents #sec01 {
  padding-bottom: 0px; }

@media screen and (min-width: 651px) and (max-width: 1340px) {
  html:not(.SP) #ms_contents #sec01 {
    padding-bottom: 0vw; } }

@media screen and (min-width: 651px) and (max-width: 1340px) {
  html.PC #ms_contents #sec01 {
    padding-bottom: 0vw; } }

@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #ms_contents #sec01 {
    padding-bottom: 0px; } }

@media screen and (max-width: 650px) {
  html:not(.PC) #ms_contents #sec01 {
    padding: 20vw 0 6.66667vw; } }

html.SP #ms_contents #sec01 {
  padding: 20vw 0 6.66667vw; }

@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents #sec01 .ms_inner {
    padding-bottom: 100px; } }

html.PC #ms_contents #sec01 .ms_inner {
  padding-bottom: 100px; }

@media screen and (min-width: 651px) and (max-width: 1340px) {
  html:not(.SP) #ms_contents #sec01 .ms_inner {
    padding-bottom: 7.46269vw; } }

@media screen and (min-width: 651px) and (max-width: 1340px) {
  html.PC #ms_contents #sec01 .ms_inner {
    padding-bottom: 7.46269vw; } }

@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #ms_contents #sec01 .ms_inner {
    padding-bottom: 73.8806px; } }

@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents #sec01 .ms_inner {
    background: #fff; } }

html.PC #ms_contents #sec01 .ms_inner {
  background: #fff; }

@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents #sec01 .hd01 {
    position: absolute;
    top: 0;
    left: 0;
    margin: -1.07692% 0 0 6.15385%;
    width: 25.84615%; } }

html.PC #ms_contents #sec01 .hd01 {
  position: absolute;
  top: 0;
  left: 0;
  margin: -1.07692% 0 0 6.15385%;
  width: 25.84615%; }

@media screen and (max-width: 650px) {
  html:not(.PC) #ms_contents #sec01 .hd01 {
    margin: 0 auto;
    width: 43.2vw;
    line-height: 0; } }

html.SP #ms_contents #sec01 .hd01 {
  margin: 0 auto;
  width: 43.2vw;
  line-height: 0; }

@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents #sec01 .tx01 {
    font-size: 20px; } }

html.PC #ms_contents #sec01 .tx01 {
  font-size: 20px; }

@media screen and (min-width: 651px) and (max-width: 1340px) {
  html:not(.SP) #ms_contents #sec01 .tx01 {
    font-size: 1.49254vw; } }

@media screen and (min-width: 651px) and (max-width: 1340px) {
  html.PC #ms_contents #sec01 .tx01 {
    font-size: 1.49254vw; } }

@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #ms_contents #sec01 .tx01 {
    font-size: 14.77612px; } }

@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents #sec01 .tx01 {
    padding-top: 5.76923%;
    margin-left: 6.15385%;
    line-height: 1; } }

html.PC #ms_contents #sec01 .tx01 {
  padding-top: 5.76923%;
  margin-left: 6.15385%;
  line-height: 1; }

@media screen and (max-width: 650px) {
  html:not(.PC) #ms_contents #sec01 .tx01 {
    margin-top: 4vw;
    text-align: center;
    font-size: 3.46667vw;
    line-height: 1.92308; } }

html.SP #ms_contents #sec01 .tx01 {
  margin-top: 4vw;
  text-align: center;
  font-size: 3.46667vw;
  line-height: 1.92308; }

@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents #sec01 ul {
    row-gap: 80px; } }

html.PC #ms_contents #sec01 ul {
  row-gap: 80px; }

@media screen and (min-width: 651px) and (max-width: 1340px) {
  html:not(.SP) #ms_contents #sec01 ul {
    row-gap: 5.97015vw; } }

@media screen and (min-width: 651px) and (max-width: 1340px) {
  html.PC #ms_contents #sec01 ul {
    row-gap: 5.97015vw; } }

@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #ms_contents #sec01 ul {
    row-gap: 59.10448px; } }

@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents #sec01 ul {
    margin-top: 9.23077%;
    display: grid;
    grid-template-columns: repeat(3, 27.07692%);
    -webkit-column-gap: 2.30769%;
            column-gap: 2.30769%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

html.PC #ms_contents #sec01 ul {
  margin-top: 9.23077%;
  display: grid;
  grid-template-columns: repeat(3, 27.07692%);
  -webkit-column-gap: 2.30769%;
          column-gap: 2.30769%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media screen and (max-width: 650px) {
  html:not(.PC) #ms_contents #sec01 ul {
    margin-top: 12vw; } }

html.SP #ms_contents #sec01 ul {
  margin-top: 12vw; }

@media screen and (max-width: 650px) {
  html:not(.PC) #ms_contents #sec01 ul li {
    margin: 0 7.33333%; } }

html.SP #ms_contents #sec01 ul li {
  margin: 0 7.33333%; }

@media screen and (max-width: 650px) {
  html:not(.PC) #ms_contents #sec01 ul li + li {
    margin-top: 13.33333vw; } }

html.SP #ms_contents #sec01 ul li + li {
  margin-top: 13.33333vw; }

@media screen and (min-width: 651px) {
  html:not(.SP) #ms_contents #sec01 ul li .ph {
    -webkit-box-shadow: 0 15px 30px 0 rgba(204, 208, 224, 0.1);
            box-shadow: 0 15px 30px 0 rgba(204, 208, 224, 0.1); } }

html.PC #ms_contents #sec01 ul li .ph {
  -webkit-box-shadow: 0 15px 30px 0 rgba(204, 208, 224, 0.1);
          box-shadow: 0 15px 30px 0 rgba(204, 208, 224, 0.1); }

@media screen and (max-width: 650px) {
  html:not(.PC) #ms_contents #sec01 ul li .ph {
    -webkit-box-shadow: 0 2vw 4vw 0 rgba(204, 208, 224, 0.1);
            box-shadow: 0 2vw 4vw 0 rgba(204, 208, 224, 0.1); } }

html.SP #ms_contents #sec01 ul li .ph {
  -webkit-box-shadow: 0 2vw 4vw 0 rgba(204, 208, 224, 0.1);
          box-shadow: 0 2vw 4vw 0 rgba(204, 208, 224, 0.1); }

#ms_contents #sec01 ul li .ph a {
  display: block;
  padding-top: 100%;
  background: none center center no-repeat;
  background-size: cover; }
  #ms_contents #sec01 ul li .ph a img {
    display: none; }

#ms_contents #sec01 ul li .t1 {
  line-height: 1; }
  @media screen and (min-width: 651px) {
    html:not(.SP) #ms_contents #sec01 ul li .t1 {
      font-size: 14px; } }
  html.PC #ms_contents #sec01 ul li .t1 {
    font-size: 14px; }
  @media screen and (min-width: 651px) and (max-width: 1340px) {
    html:not(.SP) #ms_contents #sec01 ul li .t1 {
      font-size: 1.04478vw; } }
  @media screen and (min-width: 651px) and (max-width: 1340px) {
    html.PC #ms_contents #sec01 ul li .t1 {
      font-size: 1.04478vw; } }
  @media screen and (min-width: 651px) and (max-width: 990px) {
    html:not(.SP) #ms_contents #sec01 ul li .t1 {
      font-size: 10.34328px; } }
  @media screen and (min-width: 651px) {
    html:not(.SP) #ms_contents #sec01 ul li .t1 {
      margin-top: 7.95455%; } }
  html.PC #ms_contents #sec01 ul li .t1 {
    margin-top: 7.95455%; }
  @media screen and (max-width: 650px) {
    html:not(.PC) #ms_contents #sec01 ul li .t1 {
      margin-top: 5.33333vw;
      font-size: 2.93333vw; } }
  html.SP #ms_contents #sec01 ul li .t1 {
    margin-top: 5.33333vw;
    font-size: 2.93333vw; }

#ms_contents #sec01 ul li .t2 {
  line-height: 1; }
  @media screen and (min-width: 651px) {
    html:not(.SP) #ms_contents #sec01 ul li .t2 {
      font-size: 18px; } }
  html.PC #ms_contents #sec01 ul li .t2 {
    font-size: 18px; }
  @media screen and (min-width: 651px) and (max-width: 1340px) {
    html:not(.SP) #ms_contents #sec01 ul li .t2 {
      font-size: 1.34328vw; } }
  @media screen and (min-width: 651px) and (max-width: 1340px) {
    html.PC #ms_contents #sec01 ul li .t2 {
      font-size: 1.34328vw; } }
  @media screen and (min-width: 651px) and (max-width: 990px) {
    html:not(.SP) #ms_contents #sec01 ul li .t2 {
      font-size: 13.29851px; } }
  @media screen and (min-width: 651px) {
    html:not(.SP) #ms_contents #sec01 ul li .t2 {
      margin-top: 3.97727%; } }
  html.PC #ms_contents #sec01 ul li .t2 {
    margin-top: 3.97727%; }
  @media screen and (max-width: 650px) {
    html:not(.PC) #ms_contents #sec01 ul li .t2 {
      margin-top: 3.46667vw;
      font-size: 4vw; } }
  html.SP #ms_contents #sec01 ul li .t2 {
    margin-top: 3.46667vw;
    font-size: 4vw; }

/*# sourceMappingURL=index.css.map */