@charset "UTF-8";

/*--------------------------------------------------------------
| #main 表示フェードイン
--------------------------------------------------------------*/
#main {
	animation: loading 1.5s;
}
@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/*--------------------------------------------------------------
| #main リセット・共通
--------------------------------------------------------------*/
#main{
	color: #000000;
}
#main *,
#main ::before,
#main ::after{
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
}
#main html{
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
}
#main body{
  margin:0;
}
#main main{
  display:block;
}
#main p,
#main table,
#main blockquote,
#main address,
#main pre,
#main iframe,
#main form,
#main figure,
#main dl{
  margin:0;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6{
  margin:0;
  font-weight:inherit;
  font-size:inherit;
  line-height:inherit;
}
#main ul,
#main ol{
  margin:0;
  padding:0;
  list-style:none;
}
#main dt{
  font-weight:bold;
}
#main dd{
  margin-left:0;
}
#main hr{
  box-sizing:content-box;
  height:0;
  margin:0;
  clear:both;
  overflow:visible;
  border-top-width:1px;
  color:inherit;
}
#main pre{
  font-size:inherit;
  font-family:monospace, monospace;
}
#main address{
  font-style:inherit;
}
#main a{
  background-color:transparent;
  color:inherit;
  text-decoration:none;
}
#main abbr[title]{
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}
#main b,
#main strong{
  font-weight:bolder;
}
#main code,
#main kbd,
#main samp{
  font-size:inherit;
  font-family:monospace, monospace;
}
#main small{
  font-size:80%;
}
#main sub,
#main sup{
  position:relative;
  font-size:75%;
  line-height:0;
  vertical-align:baseline;
}
#main sub{
  bottom:-0.25em;
}
#main sup{
  top:-0.5em;
}
#main img,
#main embed,
#main object,
#main iframe{
  vertical-align:bottom;
}
#main button,
#main input,
#main optgroup,
#main select,
#main textarea{
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none;
  margin:0;
  padding:0;
  border-radius:0;
  outline:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:inherit;
  vertical-align:middle;
}
#main [type=checkbox]{
  -webkit-appearance:checkbox;
  -moz-appearance:checkbox;
       appearance:checkbox;
}
#main [type=radio]{
  -webkit-appearance:radio;
  -moz-appearance:radio;
       appearance:radio;
}
#main button,
#main input{
  overflow:visible;
}
#main button,
#main select{
  text-transform:none;
}
#main button,
#main [type=button],
#main [type=reset],
#main [type=submit]{
  cursor:pointer;
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none;
}
#main button[disabled],
#main [type=button][disabled],
#main [type=reset][disabled],
#main [type=submit][disabled]{
  cursor:default;
}
#main button::-moz-focus-inner,
#main [type=button]::-moz-focus-inner,
#main [type=reset]::-moz-focus-inner,
#main [type=submit]::-moz-focus-inner{
  padding:0;
  border-style:none;
}
#main button:-moz-focusring,
#main [type=button]:-moz-focusring,
#main [type=reset]:-moz-focusring,
#main [type=submit]:-moz-focusring{
  outline:1px dotted ButtonText;
}
#main select::-ms-expand{
  display:none;
}
#main option{
  padding:0;
}
#main fieldset{
  min-width:0;
  margin:0;
  padding:0;
}
#main legend{
  display:table;
  max-width:100%;
  padding:0;
  color:inherit;
  white-space:normal;
}
#main progress{
  vertical-align:baseline;
}
#main textarea{
  overflow:auto;
}
#main [type=number]::-webkit-inner-spin-button,
#main [type=number]::-webkit-outer-spin-button{
  height:auto;
}
#main [type=search]{
  outline-offset:-2px;
}
#main [type=search]::-webkit-search-decoration{
  -webkit-appearance:none;
}
#main ::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}
#main label[for]{
  cursor:pointer;
}
#main details{
  display:block;
}
#main summary{
  display:list-item;
}
#main [contenteditable]{
  outline:none;
}
#main table{
  border-collapse:collapse;
  border-spacing:0;
}
#main caption{
  text-align:left;
}
#main td,
#main th{
  padding:0;
  vertical-align:top;
}
#main th{
  font-weight:bold;
  text-align:left;
}
#main template{
  display:none;
}
#main [hidden]{
  display:none;
}
#main :where(dialog){
  inline-size:unset;
  max-inline-size:unset;
  block-size:unset;
  max-block-size:unset;
  margin:unset;
  padding:unset;
  overflow:unset;
  border:unset;
  background-color:unset;
  color:unset;
}

#main{
  font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "NotoSansCJKjp", sans-serif;
}
#main picture{
  display:block;
}
#main picture img{
  width:100%;
}
#main img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  outline:0;
}
#main .visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  border:0;
  clip:rect(0, 0, 0, 0);
  overflow:hidden;
  white-space:nowrap;
}

/*--------------------------------------------------------------
| 下部インフォメーション部
--------------------------------------------------------------*/

#main .index-information{
  padding-block:26.6666666667vw 21.3333333333vw;
}
#main .index-information .information_document{
  display:grid;
  grid-template-columns:repeat(1, 1fr);
  row-gap:8vw;
  width:90.6666666667vw;
  margin-inline:auto;
}
#main .index-information .document_link{
  display:flex;
  position:relative;
  align-items:center;
  justify-content:center;
  -moz-column-gap:1.3333333333vw;
       column-gap:1.3333333333vw;
  height:17.0666666667vw;
  border-radius:10.6666666667vw;
  background-color:#106DAA;
  box-shadow:1.0666666667vw 1.0666666667vw 2.6666666667vw rgba(0, 0, 0, 0.25);
}
#main .index-information .document_link:before{
  display:block;
  position:absolute;
  top:50%;
  right:4.2666666667vw;
  width:6.4vw;
  height:1.8666666667vw;
  margin-top:-0.9333333333vw;
  background:url("../img/icon-arrow.svg");
  background-position:100% 0%;
  background-size:cover;
  background-repeat:no-repeat;
  content:"";
}
#main .index-information .document_text{
  margin-left:-1.3333333333vw;
  color:#fff;
  font-weight:700;
  font-size:4.2666666667vw;
  line-height:1;
}
#main .index-information .document_icon-blank{
  width:4vw;
}
#main .index-information .document_icon-pdf{
  width:5.3333333333vw;
}
#main .index-information .share_list_copy{
  margin-top:23.4666666667vw;
}
#main .index-information .share_list_copy > img{
  width:auto;
  height:5.3333333333vw;
  margin-inline:auto;
}
#main .index-information .share_list{
  display:grid;
  grid-template-columns:repeat(3, 10.6666666667vw);
  place-content:start center;
  margin-top:8vw;
  -moz-column-gap:13.3333333333vw;
       column-gap:13.3333333333vw;
}
#main .index-information .share_item{
  border-radius:50%;
}
#main .index-information .share_link{
  display:block;
  width:100%;
  height:100%;
}

  #main .index-information .document_link:focus .document_icon{
    opacity:1 !important;
  }
  @media (hover: hover) and (pointer: fine){
    #main .index-information .document_link:hover .document_icon{
      opacity:1 !important;
    }
  }



@media screen and (min-width: 768px){
  #main .sp{
    display:none;
  }
  #main .index-information{
    padding-block:100px 80px;
  }
  #main .index-information .information_document{
    row-gap:30px;
    width:340px;
  }
  #main .index-information .document_link{
    -moz-column-gap:5px;
         column-gap:5px;
    height:64px;
    border-radius:40px;
    box-shadow:4px 4px 10px rgba(0, 0, 0, 0.25);
    transition:box-shadow 0.3s;
  }
  #main .index-information .document_link:focus{
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);
  }
  #main .index-information .document_link:focus:before{
    background-position:0px 0px;
    opacity:0.7;
  }
  #main .index-information .document_link:focus .document_text{
    opacity:0.7;
  }
  #main .index-information .document_link:before{
    right:16px;
    width:24px;
    height:7px;
    margin-top:-3.5px;
    background-position:-28px 0px;
    transition:opacity 0.3s, background-position 0.3s;
  }
  #main .index-information .document_text{
    margin-left:-5px;
    font-size:16px;
    line-height:1.5;
    opacity:1;
    transition:opacity 0.3s;
  }
  #main .index-information .document_icon-blank{
    width:15px;
  }
  #main .index-information .document_icon-pdf{
    width:20px;
  }
  #main .index-information .share_list_copy{
    margin-top:88px;
  }
  #main .index-information .share_list_copy > img{
    height:20px;
  }
  #main .index-information .share_list{
    grid-template-columns:repeat(3, 40px);
    margin-top:30px;
    -moz-column-gap:50px;
         column-gap:50px;
  }
  #main .index-information .document_link:hover{
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);
  }
  #main .index-information .document_link:hover:before{
    background-position:0px 0px;
    opacity:0.7;
  }
  #main .index-information .document_link:hover .document_text{
    opacity:0.7;
  }

}



@media (hover: hover) and (pointer: fine){
    #main .index-information .document_link:hover .document_icon{
      opacity:1 !important;
    }
}


/*--------------------------------------------------------------
| MV
--------------------------------------------------------------*/
#main .mss_mv {background-image: url("../img/mss_bk01.jpg");background-repeat: no-repeat;background-size:cover;background-position: center bottom;}
#main .mss_mv .mss_mv_inner {padding: 60px 10px 90px;margin: 0 auto;max-width: 1000px;width: 100%;position: relative;}
#main .mss_mv .mss_mv_inner .mss_mv_title {font-size: 38px;font-weight: bolder;color: #006659;padding-bottom: 5px;letter-spacing: 2.5px;}
#main .mss_mv .mss_mv_inner .mss_mv_text_a {font-size: 20px;font-weight: bolder;padding-bottom: 27px;letter-spacing: 5px;}
#main .mss_mv .mss_mv_inner .mss_mv_text_b {line-height: 25px; font-weight: bold;padding-bottom: 45px;letter-spacing: 1px;}

#main .mss_mv .mss_mv_inner .mss_mv_img_a {width: 52%;margin-left: -7px;padding-bottom: 100px;}
#main .mss_mv .mss_mv_inner .mss_mv_img_a img {width: 100%;height: auto;}

#main .mss_mv .mss_mv_inner .mss_mv_lineup {font-size: 38px;font-weight: bolder;color: #006659;padding-bottom: 5px;letter-spacing: 2.5px;}
#main .mss_mv .mss_mv_inner .mss_mv_text_c {font-size: 20px;font-weight: bold;padding-bottom: 5px;letter-spacing: 3px;}
#main .mss_mv .mss_mv_inner .mss_mv_text_d {line-height: 29px;font-weight: bold;padding-bottom: 5px;letter-spacing: 1px;}

#main .mss_mv .mss_mv_inner .mss_mv_s_img_a {position: absolute;top: 50px;right: 0;width: 18.5%;}

#main .mss_mv .mss_mv_inner .mss_mv_s_img_a1 {position: absolute;width: 100%;height: auto;animation: image-switch-animation_1 30s infinite;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_a1 img {width: 100%;height: auto;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_a2 {position: absolute;width: 100%;height: auto;animation: image-switch-animation_2 30s infinite;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_a2 img {width: 100%;height: auto;}

#main .mss_mv .mss_mv_inner .mss_mv_s_img_b {position: absolute;top: 130px;right: 22.7%;width: 19.7%;}

#main .mss_mv .mss_mv_inner .mss_mv_s_img_b1 {position: absolute;width: 100%;height: auto;animation: image-switch-animation_1 40s infinite;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_b1 img {width: 100%;height: auto;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_b2 {position: absolute;width: 100%;height: auto;animation: image-switch-animation_2 40s infinite;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_b2 img {width: 100%;height: auto;}

#main .mss_mv .mss_mv_inner .mss_mv_s_img_c {position: absolute;top: 390px;right: 0.2%;width: 34%;}

#main .mss_mv .mss_mv_inner .mss_mv_s_img_c1 {position: absolute;width: 100%;height: auto;animation: image-switch-animation_1 50s infinite;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_c1 img {width: 100%;height: auto;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_c2 {position: absolute;width: 100%;height: auto;animation: image-switch-animation_2 50s infinite;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_c2 img {width: 100%;height: auto;}

@keyframes image-switch-animation_1 {
  0%{ opacity: 1;}
  25%{ opacity: 1;}
  35%{ opacity: 0;}
  65%{ opacity: 0;}
  75%{ opacity: 1;}
  100%{ opacity: 1;}
}

@keyframes image-switch-animation_2 {
  0%{ opacity: 0;}
  25%{ opacity: 0;}
  35%{ opacity: 1;}
  65%{ opacity: 1;}
  75%{ opacity: 0;}
  100%{ opacity: 0;}
}

@media screen and (max-width: 900px){
#main .mss_mv {background-image: url("../img/mss_bk01.jpg");background-repeat: no-repeat;background-size:100% 100%;background-position: center bottom;}
#main .mss_mv .mss_mv_inner .mss_mv_title {font-size: 28px;font-weight: bolder;color: #006659;padding-bottom: 5px;letter-spacing: 1.5px;}
#main .mss_mv .mss_mv_inner .mss_mv_text_a {font-size: 16px;font-weight: bolder;padding-bottom: 27px;letter-spacing: 5px;}
#main .mss_mv .mss_mv_inner .mss_mv_text_b {font-size: 12px;line-height: 24px; font-weight: bold;padding-bottom: 45px;letter-spacing: 1px;}
#main .mss_mv .mss_mv_inner .mss_mv_img_a {width: 48%;margin-left: 0px;padding-bottom: 50px;}

#main .mss_mv .mss_mv_inner .mss_mv_lineup {font-size: 28px;font-weight: bolder;color: #006659;padding-bottom: 5px;letter-spacing: 1.5px;}
#main .mss_mv .mss_mv_inner .mss_mv_text_c {font-size: 16px;font-weight: bold;padding-bottom: 5px;letter-spacing: 3px;}
#main .mss_mv .mss_mv_inner .mss_mv_text_d {font-size: 12px;line-height: 25px;font-weight: bold;padding-bottom: 5px;letter-spacing: 1px;}
}

@media screen and (max-width: 650px){
#main .mss_mv .mss_mv_inner {padding: 60px 10px 75px;margin: 0 auto;max-width: 1000px;width: 100%;position: relative;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_a {position: absolute;top: 50px;right: 0;width: 13%;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_b {position: absolute;top: 150px;right: 2%;width: 15%;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_c {position: absolute;top: 300px;right: 0.5%;width: 24%;}
#main .mss_mv .mss_mv_inner .mss_mv_img_a {width: 58%;margin-left: 0px;padding-bottom: 50px;}
}

@media screen and (max-width: 450px){
#main .mss_mv .mss_mv_inner .mss_mv_title {font-size: 24px;font-weight: bolder;color: #006659;padding-bottom: 5px;letter-spacing: 1.5px;}
#main .mss_mv .mss_mv_inner .mss_mv_text_a {font-size: 15px;font-weight: bolder;padding-bottom: 27px;letter-spacing: 5px;}
#main .mss_mv .mss_mv_inner .mss_mv_text_b {font-size: 11px;line-height: 24px; font-weight: bold;padding-bottom: 30px;letter-spacing: 1px;}
#main .mss_mv .mss_mv_inner .mss_mv_img_a {width: 70%;margin-left: 0px;padding-bottom: 50px;}

#main .mss_mv .mss_mv_inner .mss_mv_lineup {font-size: 24px;font-weight: bolder;color: #006659;padding-bottom: 1px;letter-spacing: 1.5px;}
#main .mss_mv .mss_mv_inner .mss_mv_text_c {font-size: 15px;font-weight: bold;padding-bottom: 1px;letter-spacing: 3px;}
#main .mss_mv .mss_mv_inner .mss_mv_text_d {font-size: 11px;line-height: 20px;font-weight: bold;padding-bottom: 5px;letter-spacing: 2px;}

#main .mss_mv .mss_mv_inner {padding: 50px 10px 70px;margin: 0 auto;max-width: 1000px;width: 100%;position: relative;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_a {position: absolute;top: 8px;right: 5px;width: 15%;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_b {position: absolute;top: 100px;right: 5%;width: 16%;}
#main .mss_mv .mss_mv_inner .mss_mv_s_img_c {position: absolute;top: 300px;right: 2%;width: 26%;}
#main .mss_mv .mss_mv_inner .mss_mv_img_a {width: 58%;margin-left: 0px;padding-bottom: 50px;}
}




/*--------------------------------------------------------------
| item
--------------------------------------------------------------*/

#main .mss_item {margin-top: -54px;position: relative;}

#main .mss_item_navi {max-width: 1000px;margin: 0 auto;padding: 0px;}
#main .mss_item_navi ul {display: flex;}
#main .mss_item_navi li {height: 54px;}
#main .mss_item_navi li img {width: auto;height: 100%;cursor: pointer;}
#main .mss_item_navi li img:hover {opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";}

@media screen and (max-width: 768px){
#main .mss_item_navi li img:hover {opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";}	
}

@media screen and (max-width: 1000px){
#main .mss_item_navi {max-width: 96%;margin: 0 auto;padding: 0px;}
#main .mss_item_navi li {height: 40px;}
}

@media screen and (max-width: 400px){
#main .mss_item_navi li {height: 32px;}
}

#main .mss_item_line {width: 100%;}
#main .mss_item_line .line-item_a {padding-top: 10px;background-color: #029759;}
#main .mss_item_line .line-item_b {padding-top: 10px;background-color: #0670B3;}
#main .mss_item_line .line-item_c {padding-top: 10px;background-color: #359DD0;}


/* ライン */
.line-item {
  display: none;
}
.line-item.is-active {
  display: block;
  animation: panel-show .9s ease-in-out forwards;
}



/* パネル */
.panel-item {
  display: none;
}
.panel-item.is-active {
  display: block;
  animation: panel-show .9s ease-in-out forwards;
}

/* パネル切り替えのアニメーション */
@keyframes panel-show {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

/*--------------------------------------------------------------
| item com_a
--------------------------------------------------------------*/

#main .mss_item_com_a .mss_item_wrap {padding: 0 0 30px;background-color: #B2DDC7;}

#main .mss_item_com_a .mss_item_mv_wrap {max-width: 1000px;margin: 0 auto;padding: 22px 0px 10px;position: relative;}
#main .mss_item_com_a .mss_item_mv_wrap img {width: 100%;height: auto;}

#main .mss_item_com_a .index-lineup .lineup_group_name{background-color: #029759; }
#main .mss_item_com_a .index-lineup .lineup_item_tag{
  border:0.2666666667vw solid #029759;
  color:#029759;
}

@media screen and (min-width: 768px){
  #main .mss_item_com_a .index-lineup .lineup_item_tag{
    border:1px solid #029759;
  }
}


/*--------------------------------------------------------------
| item com_b
--------------------------------------------------------------*/

#main .mss_item_com_b .mss_item_wrap {padding: 0 0 30px;background-color: #B2DDC7;}

#main .mss_item_com_b .mss_item_mv_wrap {max-width: 1000px;margin: 0 auto;padding: 22px 0px 10px;position: relative;}
#main .mss_item_com_b .mss_item_mv_wrap img {width: 100%;height: auto;}

#main .mss_item_com_b .index-lineup .lineup_group_name{background-color: #029759; }
#main .mss_item_com_b .index-lineup .lineup_item_tag{
  border:0.2666666667vw solid #029759;
  color:#029759;
}

@media screen and (min-width: 768px){
  #main .mss_item_com_b .index-lineup .lineup_item_tag{
    border:1px solid #029759;
  }
}


/*--------------------------------------------------------------
| item ko
--------------------------------------------------------------*/

#main .mss_item_ko .mss_item_wrap {padding: 0 0 30px;background-color: #B2D2E7;}

#main .mss_item_ko .mss_item_mv_wrap {max-width: 1000px;margin: 0 auto;padding: 22px 0px 10px;position: relative;}
#main .mss_item_ko .mss_item_mv_wrap img {width: 100%;height: auto;}

#main .mss_item_ko .index-lineup .lineup_group_name{background-color: #0670B3; }
#main .mss_item_ko .index-lineup .lineup_item_tag{
  border:0.2666666667vw solid #0670B3;
  color:#0670B3;
}

@media screen and (min-width: 768px){
  #main .mss_item_ko .index-lineup .lineup_item_tag{
    border:1px solid #0670B3;
  }
}


/*--------------------------------------------------------------
| item ji
--------------------------------------------------------------*/

#main .mss_item_ji .mss_item_wrap {padding: 30px 0 30px;background-color: #D1E4F1;}

#main .mss_item_ji .index-lineup .lineup_group_name{background-color: #359DD0; }
#main .mss_item_ji .index-lineup .lineup_item_tag{
  border:0.2666666667vw solid #359DD0;
  color:#359DD0;
}

@media screen and (min-width: 768px){
  #main .mss_item_ji .index-lineup .lineup_item_tag{
    border:1px solid #359DD0;
  }
}











/*--------------------------------------------------------------
| item lineup
--------------------------------------------------------------*/

#main .index-lineup .lineup_group {padding-bottom: 60px;}

#main .index-lineup .lineup_main .lineup_subHdg,
#main .index-lineup .lineup_main .lineup_hdg,
#main .index-lineup .lineup_main .lineup_lead,
#main .index-lineup .lineup_main .lineup_filters,
#main .index-lineup .lineup_main .lineup_group_name,
#main .index-lineup .lineup_main .lineup_group_subName{
  transform:translateY(15px);
  opacity:0;
}
#main .index-lineup .lineup_main .lineup_item{
  transform:scale(0.94);
  opacity:0;
}
#main .index-lineup .lineup_main.isAnimationStarted .lineup_subHdg,
#main .index-lineup .lineup_main.isAnimationStarted .lineup_hdg,
#main .index-lineup .lineup_main.isAnimationStarted .lineup_lead,
#main .index-lineup .lineup_main.isAnimationStarted .lineup_filters,
#main .index-lineup .lineup_main.isAnimationStarted .lineup_group_name,
#main .index-lineup .lineup_main.isAnimationStarted .lineup_group_subName{
  transform:translateY(0px);
  opacity:1;
}
#main .index-lineup .lineup_main.isAnimationStarted .lineup_subHdg{
  transition:transform 0.5s cubic-bezier(0, 0, 0.58, 1), opacity 0.45s cubic-bezier(0, 0, 0.58, 1);
}
#main .index-lineup .lineup_main.isAnimationStarted .lineup_hdg{
  transition:transform 0.5s 0.1s cubic-bezier(0, 0, 0.58, 1), opacity 0.45s 0.1s cubic-bezier(0, 0, 0.58, 1);
}
#main .index-lineup .lineup_main.isAnimationStarted .lineup_lead{
  transition:transform 0.5s 0.2s cubic-bezier(0, 0, 0.58, 1), opacity 0.45s 0.2s cubic-bezier(0, 0, 0.58, 1);
}
#main .index-lineup .lineup_main.isAnimationStarted .lineup_filters{
  transition:transform 0.5s 0.3s cubic-bezier(0, 0, 0.58, 1), opacity 0.45s 0.3s cubic-bezier(0, 0, 0.58, 1);
}
#main .index-lineup .lineup_main.isAnimationStarted .lineup_group_name,
#main .index-lineup .lineup_main.isAnimationStarted .lineup_group_subName{
  transition:transform 0.5s 0.4s cubic-bezier(0, 0, 0.58, 1), opacity 0.45s 0.4s cubic-bezier(0, 0, 0.58, 1);
}
#main .index-lineup .lineup_main.isAnimationStarted .lineup_item{
  transform:scale(1);
  opacity:1;
  transition:transform 0.4s 0.7s cubic-bezier(0, 0, 0.58, 1), opacity 0.5s 0.7s cubic-bezier(0, 0, 0.58, 1);
}
#main .index-lineup .lineup_main .lineup_container{
  transform:translateY(0px);
  opacity:1;
  transition:transform 0.01s 0s cubic-bezier(0, 0, 0.58, 1), opacity 0.4s 0.5s cubic-bezier(0, 0, 0.58, 1);
}
#main .index-lineup .lineup_main .lineup_container.--transition{
  transform:translateY(10px);
  opacity:0;
  transition:transform 0.3s cubic-bezier(0, 0, 0.58, 1), opacity 0.25s cubic-bezier(0, 0, 0.58, 1);
}

#main .index-lineup{
  position:relative;
  padding-block:14.9333333333vw;
	max-width: 1000px;
	padding: 0 10px;
	margin: 0 auto;
}
#main .index-lineup .lineup_main{
  position:relative;
  padding-inline:5.3333333333vw;
}
#main .index-lineup .lineup_subHdg img{
  width:auto;
  height:3.4666666667vw;
}
#main .index-lineup .lineup_hdg{
  margin-top:3.2vw;
  color:#106DAA;
  font-weight:700;
  font-size:8.5333333333vw;
  line-height:1.5;
}
#main .index-lineup .lineup_lead{
  margin-top:5.3333333333vw;
  font-size:3.7333333333vw;
  line-height:1.8571428571;
}
#main .index-lineup .lineup_filters{
  display:grid;
  grid-template-columns:repeat(1, 1fr);
  row-gap:6.4vw;
  margin-top:8vw;
}
#main .index-lineup .filters_wrap{
  display:grid;
  grid-template-columns:auto 1fr;
  -moz-column-gap:9.0666666667vw;
       column-gap:9.0666666667vw;
  row-gap:4vw;
  justify-items:start;
  margin-left:5.3333333333vw;
}
#main .index-lineup .filters_wrap.filters_wrap-first{
  margin-left:0;
}
#main .index-lineup .filters_item{
  position:relative;
  padding-left:6.9333333333vw;
  cursor:pointer;
}
#main .index-lineup .filters_item::before, #main .index-lineup .filters_item::after{
  display:block;
  position:absolute;
  position:absolute;
  top:50%;
  left:0;
  border-radius:50%;
  content:"";
}
#main .index-lineup .filters_item::before{
  width:4.8vw;
  height:4.8vw;
  margin-top:-2.4vw;
  border:1px solid #999999;
  background-color:#fff;
  box-shadow:-0.1em -0.1em 0.1em 1em rgba(255, 255, 255, 0.75) inset, 0.1em 0.1em 0.1em 0px rgba(0, 0, 0, 0.75) inset;
}
#main .index-lineup .filters_item::after{
  width:2.4vw;
  height:2.4vw;
  margin-top:-1.2vw;
  margin-left:1.2vw;
  background-color:#106DAA;
  opacity:0;
}
#main .index-lineup .filters_item:has(.filters_radio:checked){
  color:#106DAA;
}
#main .index-lineup .filters_item:has(.filters_radio:checked)::before{
  border:1px solid #106DAA;
  box-shadow:unset;
}
#main .index-lineup .filters_item:has(.filters_radio:checked)::after{
  opacity:1;
}
#main .index-lineup .filters_radio{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  font-size:4vw;
  line-height:1;
}
#main .index-lineup .filters_legend{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  -moz-column-gap:2.4vw;
       column-gap:2.4vw;
  width:100%;
  margin-bottom:5.0666666667vw;
  color:#106DAA;
  font-size:4vw;
  line-height:1;
}
#main .index-lineup .filters_legend::after{
  display:block;
  height:1px;
  background-color:#106DAA;
  content:"";
}
#main .index-lineup .lineup_container{
  display:grid;
  grid-template-columns:repeat(1, 1fr);
  row-gap:7.7333333333vw;
  margin-top:7.7333333333vw;
}
#main .index-lineup .lineup_group_name{
  margin-bottom:5.0666666667vw;
  padding:2vw;
  color:#fff;
  font-size:4vw;
  line-height:1;
  font-weight: bolder;
}
#main .index-lineup .lineup_sub{
  display:grid;
  grid-template-columns:repeat(1, 1fr);
  row-gap:5.0666666667vw;
}
#main .index-lineup .lineup_group_subName{
  display:grid;
  grid-template-columns:4vw auto;
  align-items:center;
  -moz-column-gap:2vw;
       column-gap:2vw;
  color:#106DAA;
  font-size:4vw;
  line-height:1;
}
#main .index-lineup .lineup_group_subName::before{
  display:block;
  width:4vw;
  height:4vw;
  border-radius:50%;
  background-color:#106DAA;
  content:"";
}
#main .index-lineup .lineup_list{
  display:grid;
  grid-template-columns:repeat(1, 1fr);
  row-gap:4vw;
  margin-top:4.8vw;
}
#main .index-lineup .lineup_item_link{
  display:block;
  display:flex;
  position:relative;
  flex-direction:column;
  width:100%;
  height:100%;
  padding-block:4vw 8vw;
  border-radius:5.3333333333vw;
  background-color:#fff;
  box-shadow:1.0666666667vw 1.0666666667vw 2.6666666667vw rgba(174, 176, 178, 0.5);
}
#main .index-lineup .lineup_item_link:focus .lineup_item_image{
  opacity:1 !important;
}


#main .mss_item_com_a_card .index-lineup .lineup_item_link:before ,
#main .mss_item_com_b_card .index-lineup .lineup_item_link:before {
  display:block;
  position:absolute;
  right:5.3333333333vw;
  bottom:0;
  width:11.2vw;
  height:10.6666666667vw;
  background:url("../img/lineup_item_icon_green.svg");
  background-position:top 0px right 0px;
  background-size:cover;
  background-repeat:no-repeat;
  content:"";
  transition:background-position 0.4s;
}

#main .mss_item_ko .index-lineup .lineup_item_link:before ,
#main .mss_item_ji .index-lineup .lineup_item_link:before {
  display:block;
  position:absolute;
  right:5.3333333333vw;
  bottom:0;
  width:11.2vw;
  height:10.6666666667vw;
  background:url("../img/lineup_item_icon.svg");
  background-position:top 0px right 0px;
  background-size:cover;
  background-repeat:no-repeat;
  content:"";
  transition:background-position 0.4s;
}


#main .index-lineup .lineup_item_new{
  position:absolute;
  top:2.1333333333vw;
  left:2.9333333333vw;
  width:16vw;
  height:7.7333333333vw;
}
#main .index-lineup .lineup_item_name{
  margin-top:0;
  padding-inline:5.3333333333vw;
  font-weight:700;
  font-size:4.8vw;
  line-height:1.4;
  letter-spacing:0.05em;
}
#main .index-lineup .lineup_item_tags{
  display:flex;
  flex-wrap:wrap;
  padding:2.5vw 5.3333333333vw 0.3333333333vw;
  gap:1.0666666667vw;
}
#main .index-lineup .lineup_item_tag{
  padding:1vw 2.8666666667vw;
  border-radius:1.3333333333vw;
  font-size:3.4666666667vw;
  line-height:1;
}
#main .index-lineup .lineup_item_name-small{
  display:inline-block;
  font-size:3.7333333333vw;
  line-height:1.2;
}
#main .index-lineup .lineup_item_name-small.lineup_item_name-small-inline{
  display:inline;
}
#main .index-lineup .lineup_item_description{
	padding: 14px 0 10px;
  padding-inline:5.3333333333vw;
  font-size:4.2666666667vw;
  line-height:1.5;
  letter-spacing:0.05em;
}
#main .index-lineup .lineup_controls{
  display:grid;
  visibility:visible;
  grid-template-columns:29.3333333333vw 53.3333333333vw;
  place-items:center start;
  -moz-column-gap:2.6666666667vw;
       column-gap:2.6666666667vw;
  opacity:1;
  transition:opacity 0.2s, visibility 0.2s;
}
#main .index-lineup .lineup_controls.-hidden{
  visibility:hidden;
  opacity:0;
}
#main .index-lineup .linup_arrows{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  -moz-column-gap:2.6666666667vw;
       column-gap:2.6666666667vw;
}
#main .index-lineup .linup_arrow{
  position:relative;
  width:13.3333333333vw;
  height:13.3333333333vw;
  border-radius:50%;
  background-color:#fff;
  box-shadow:1.0666666667vw 1.0666666667vw 2.6666666667vw rgba(174, 176, 178, 0.5);
  transition:box-shadow 0.2s;
}
#main .index-lineup .linup_arrow:after{
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  width:2.6666666667vw;
  height:4.2666666667vw;
  margin:-2.1333333333vw 0 0 -1.3333333333vw;
  background:url("data:image/svg+xml,%3Csvg width='12' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.49 20.474 1.51-1.45-8.981-8.55L12 1.912 10.49.474 0 10.474l10.49 10Z' fill='%23106DAA'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
  content:"";
}
#main .index-lineup .linup_arrow:disabled{
  pointer-events:none;
}
#main .index-lineup .linup_arrow:disabled:after{
  background:url("data:image/svg+xml,%3Csvg width='12' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.49 20.474 1.51-1.45-8.981-8.55L12 1.912 10.49.474 0 10.474l10.49 10Z' fill='%23939596'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
#main .index-lineup .linup_arrow-next:after{
  transform:rotate(180deg);
  transform-origin:50% 50%;
}
#main .index-lineup .linup_progress{
  width:100%;
  height:0.5333333333vw;
  background-color:#B4B5B6;
}
#main .index-lineup .linup_progress_inner{
  width:0;
  height:0.5333333333vw;
  background-color:#106DAA;
  transition:width 400ms ease;
}


@media not all and (min-width: 768px){
  #main .index-lineup .lineup_item_image{
    width:auto;
    height:44.333333vw;
    margin-inline:auto;
  }
  #main .index-lineup .lineup_controls{
    padding-left:5.3333333333vw;
  }
}


@media screen and (min-width: 768px){
  #main .index-lineup{
    padding:10px 10px 0;
  }
  #main .index-lineup .lineup_main{
    max-width:1000px;
    margin-inline:auto;
    padding-inline:10px;
  }
  #main .index-lineup .lineup_subHdg img{
    height:15px;
  }
  #main .index-lineup .lineup_hdg{
    margin-top:14px;
    font-size:50px;
    line-height:1;
  }
  #main .index-lineup .lineup_lead{
    margin-top:20px;
    font-size:18px;
    line-height:2;
    letter-spacing:0.05em;
  }
  #main .index-lineup .lineup_filters{
    row-gap:42px;
    margin-top:42px;
  }
  #main .index-lineup .filters_wrap{
    grid-template-columns:repeat(3, auto) 1fr;
    -moz-column-gap:48px;
         column-gap:48px;
    row-gap:16px;
    margin-left:40px;
  }
  #main .index-lineup .filters_item{
    padding-left:34px;
  }
  #main .index-lineup .filters_item::before{
    width:24px;
    height:24px;
    margin-top:-12px;
  }
  #main .index-lineup .filters_item::after{
    width:12px;
    height:12px;
    margin-top:-6px;
    margin-left:6px;
  }
  #main .index-lineup .filters_radio{
    font-size:20px;
  }
  #main .index-lineup .filters_legend{
    -moz-column-gap:16px;
         column-gap:16px;
    margin-bottom:28px;
    font-size:18px;
  }
  #main .index-lineup .lineup_container{
    row-gap:50px;
    margin-top:50px;
  }
  #main .index-lineup .lineup_group_name{
    margin-bottom:26px;
    padding:10px 12px;
    font-size:18px;
  }
  #main .index-lineup .lineup_sub{
    row-gap:36px;
  }
  #main .index-lineup .lineup_group_subName{
    grid-template-columns:18px auto;
    -moz-column-gap:9px;
         column-gap:9px;
    font-size:18px;
  }
  #main .index-lineup .lineup_group_subName::before{
    width:18px;
    height:18px;
  }
  #main .index-lineup .lineup_list{
    grid-template-columns:repeat(3, 1fr);
    margin-top:20px;
    -moz-column-gap:25px;
         column-gap:25px;
    row-gap:25px;
  }
  #main .index-lineup .lineup_item_link{
    padding-block:35px 55px;
    border-radius:20px;
    box-shadow:8px 8px 10px rgba(174, 176, 178, 0.5);
    transition:box-shadow 0.3s;
  }
  #main .index-lineup .lineup_item_link:focus{
    box-shadow:0px 0px 0px rgba(174, 176, 178, 0.5);
  }
  #main .index-lineup .lineup_item_link:focus .lineup_item_image{
    transform:scale(0.97);
  }
  #main .index-lineup .lineup_item_link:focus:before{
    background-position:top 0px right -52px;
  }

#main .mss_item_com_a_card .index-lineup .lineup_item_link:before ,
#main .mss_item_com_b_card .index-lineup .lineup_item_link:before {
    right:20px;
    bottom:15px;
    width:42px;
    height:40px;
}

#main .mss_item_ko .index-lineup .lineup_item_link:before ,
#main .mss_item_ji .index-lineup .lineup_item_link:before {
    right:20px;
    bottom:15px;
    width:42px;
    height:40px;
}
	
	
  #main .index-lineup .lineup_item_new{
    top:12px;
    left:20px;
    width:60px;
    height:29px;
  }
  #main .index-lineup .lineup_item_image{
    transition:transform 0.3s;
  }
  #main .index-lineup .lineup_item_name{
    height:77px;
    margin-top:0;
    padding-inline:20px;
    font-size:18px;
    line-height:1.5;
	  letter-spacing: 0.2px;
  }
  #main .index-lineup .lineup_item_tags{
    padding:8px 20px 0px;
    gap:8px;
  }
  #main .index-lineup .lineup_item_tag{
    padding:4px 10px;
    border-radius:5px;
    font-size:13px;
    line-height:1;
  }
  #main .index-lineup .lineup_item_name-small{
    font-size:14px;
    line-height:1.5;
  }
  #main .index-lineup .lineup_item_description{
	  padding-top: 16px;
    padding-inline:20px;
    font-size:14px;
    line-height:1.7;
  }
  #main .index-lineup .lineup_controls{
    grid-template-columns:150px 1fr;
    -moz-column-gap:30px;
         column-gap:30px;
    height:60px;
  }
  #main .index-lineup .linup_arrows{
    -moz-column-gap:30px;
         column-gap:30px;
  }
  #main .index-lineup .linup_arrow{
    width:60px;
    height:60px;
    box-shadow:8px 8px 10px rgba(174, 176, 178, 0.5);
  }
  #main .index-lineup .linup_arrow:focus{
    box-shadow:2px 2px 10px rgba(174, 176, 178, 0.5);
  }
  #main .index-lineup .linup_arrow:after{
    width:12px;
    height:20px;
    margin:-10px 0 0 -6px;
  }
  #main .index-lineup .linup_progress{
    width:min(400px, 92%);
    height:2px;
  }
  #main .index-lineup .linup_progress_inner{
    height:2px;
  }
}


@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine){
  #main .index-lineup .lineup_item_link:hover{
    box-shadow:0px 0px 0px rgba(174, 176, 178, 0.5);
  }
  #main .index-lineup .lineup_item_link:hover .lineup_item_image{
    transform:scale(0.97);
  }
  #main .index-lineup .lineup_item_link:hover:before{
    background-position:top 0px right -52px;
  }
  #main .index-lineup .linup_arrow:hover{
    box-shadow:2px 2px 10px rgba(174, 176, 178, 0.5);
  }
}


@media (hover: hover) and (pointer: fine){
  #main .index-lineup .lineup_item_link:hover .lineup_item_image{
    opacity:1 !important;
  }
}






/*--------------------------------------------------------------
| case-btn
--------------------------------------------------------------*/

#main .case-btn {position: absolute;top:43px;right: 2.2%;width: 18.5%;}
#main .case-btn .index-lineup {padding: 0; }
#main .case-btn .index-lineup .lineup_item_link {border-radius: 100px;padding-block: 0;cursor: pointer;}
#main .case-btn .index-lineup .lineup_item_link img { margin: -13% 0 13%;}

@media screen and (min-width: 768px) {
    #main .case-btn .index-lineup .lineup_list {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 20px;
        -moz-column-gap: 25px;
        column-gap: 25px;
        row-gap: 25px;
    }
    #main .case-btn .index-lineup {padding: 0; }
    #main .case-btn .index-lineup .lineup_item_link {
        border-radius: 100px;
		padding-block: 0;
    }
}

@media screen and (max-width: 1000px) {
	#main .case-btn {position: absolute;top:20px;right: 5%;width: 17%;}
}



/*--------------------------------------------------------------
| modal
--------------------------------------------------------------*/

#main .modal{
  display:none;
position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.9);
	z-index: 2000;
}
#main .modal .modal_close_btn{
  position:absolute;
	right: 10px;
	top:10px;
  width:12vw;
  height:12vw;
}
#main .modal .modal_close_btn img{
cursor: pointer;
}
#main .modal .modal_inner{
	margin-top: 25%;
  display:grid;
  grid-template-columns:repeat(1, 1fr);
  place-self:start center;
  width:80vw;
  max-height:calc(100svh - 21.3333333333vw);
  padding:5.3333333333vw 5.3333333333vw 7.3333333333vw;
  overflow:auto;
  overscroll-behavior:contain;
  border-radius:5.3333333333vw;
  background-color:#fff;
  position:relative;
}
#main .modal .modal_box{
  display:grid;
  position:relative;
  place-items:start center;
}
#main .modal .modal_box:nth-of-type(1)::before{
  display:block;
  position:absolute;
  background-color:#106DAA;
  content:"";
}
#main .modal .modal_box.modal_box-1{
  grid-template-rows:auto auto 12.2666666667vw;
  row-gap:5.3333333333vw;
	padding-top: 50px;
}
#main .modal .modal_box.modal_box-2{
  grid-template-rows:auto 12.2666666667vw;
  row-gap:3.3333333333vw;
	padding-top: 30px;
}
#main .modal .modal_box_name{
  font-weight:700;
  font-size:4.8vw;
  line-height:1.2;
  letter-spacing:0.05em;
  text-align:center;
}
#main .modal .modal_box_description{
  font-size:4.2666666667vw;
  line-height:1.8125;
  letter-spacing:0.05em;
}
#main .modal .modal_box_link{
  display:flex;
  position:relative;
  align-items:center;
  justify-content:center;
  -moz-column-gap:2.6666666667vw;
       column-gap:2.6666666667vw;
  width:100%;
  height:12.2666666667vw;
  border-radius:10.6666666667vw;
  background-color:#106DAA;
  box-shadow:2.1333333333vw 2.1333333333vw 2.6666666667vw rgba(0, 0, 0, 0.25);
}
#main .modal .modal_box_link:before{
  display:block;
  position:absolute;
  top:50%;
  right:3.2vw;
  width:6.4vw;
  height:1.8666666667vw;
  margin-top:-0.9333333333vw;
  background:url("../img/icon-arrow.svg");
  background-position:100% 0%;
  background-size:cover;
  background-repeat:no-repeat;
  content:"";
}
#main .modal .modal_box_link_text{
  width:26.1333333333vw;
}
#main .modal .modal_box_link_icon{
  width:4vw;
}


@media screen and (min-width: 768px){
  #main .modal{
  }
  #main .modal .modal_close_btn{
    width:40px;
    height:40px;
  }
  #main .modal .modal_inner{
	margin-top: 10%;
    grid-template-columns:repeat(2, 1fr);
    width:min(800px, 95vw);
    max-height:calc(100svh - 70px);
    padding:70px 0 50px;
    border-radius:20px;
  }
  #main .modal .modal_box{
    padding-inline:50px;
  }
  #main .modal .modal_box:nth-of-type(1)::before{
    top:0;
    right:-1px;
    bottom:0;
    width:2px;
  }
  #main .modal .modal_box.modal_box-1{
    grid-template-rows:auto 1fr 70px;
    row-gap:20px;
	padding-top: 10px;
  }
  #main .modal .modal_box.modal_box-2{
    grid-template-rows:auto 70px;
    row-gap:30px;
	padding-top: 0px;
  }
  #main .modal .modal_box_name{
    font-size:22px;
    line-height:1.1818181818;
  }
  #main .modal .modal_box_description{
    font-size:16px;
    line-height:1.8125;
  }
  #main .modal .modal_box_link{
    -moz-column-gap:10px;
         column-gap:10px;
    height:70px;
    border-radius:40px;
    box-shadow:8px 8px 10px rgba(0, 0, 0, 0.25);
    transition:box-shadow 0.3s;
  }
  #main .modal .modal_box_link:focus{
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);
  }
  #main .modal .modal_box_link:focus:before{
    background-position:0px 0px;
    opacity:0.7;
  }
  #main .modal .modal_box_link:before{
    right:20px;
    width:24px;
    height:7px;
    margin-top:-3.5px;
    background-position:-28px 0px;
    transition:opacity 0.3s, background-position 0.3s;
  }
  #main .modal .modal_box_link_text{
    width:118px;
  }
  #main .modal .modal_box_link_icon{
    width:15px;
  }
}


@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine){
  #main .modal .modal_box_link:hover{
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);
  }
  #main .modal .modal_box_link:hover:before{
    background-position:0px 0px;
    opacity:0.7;
  }
}
@media (hover: hover) and (pointer: fine){
    #main .modal .modal_box_link:hover .modal_box_link_text,
    #main .modal .modal_box_link:hover .modal_box_link_icon{
      opacity:1 !important;
    }
}


#modal1.is-active {
  display: block;
}
#modal2.is-active {
  display: block;
}


/*--------------------------------------------------------------
| flash_fukidashi
--------------------------------------------------------------*/

.mss_item_mv_wrap a:hover img {opacity: 1!important;}
.mss_item_mv_wrap a.flash_fukidashi_btn_etc:hover img {transform: scale(1.03);}

.flash_fig {animation: flash-animation_1 1.5s infinite; }
@keyframes flash-animation_1 {
  0%{ opacity: 0.25;}
  30%{ opacity: 1;}
  60%{ opacity: 1;}
  100%{ opacity: 0.25;}
}

.mss_item_mv_wrap a.flash_fukidashi:hover img {transform: scale(1.05);}

.fukidashi_btn {position: absolute;top: -49px;left: -54px;width: 194px;height: auto;}
.fukidashi_btn img {width: 100%;height: auto;}



.flash_fukidashi_btn_etc {position: absolute;top: 745px;left: 80%;width: 180px;height: auto;}
.flash_fukidashi_btn_etc img {width: 100%;height: auto;}



.flash_fukidashi_btn_a_a {position: absolute;top: 248px;left: 234px;width: 80px;height: 80px;}
.flash_fukidashi_btn_a_a img {width: 100%;height: auto;}

.flash_fukidashi_btn_a_b {position: absolute;top: 291px;left: 641px;width: 80px;height: 80px;}
.flash_fukidashi_btn_a_b img {width: 100%;height: auto;}

.flash_fukidashi_btn_a_c {position: absolute;top: 377px;left: 444px;width: 80px;height: 80px;}
.flash_fukidashi_btn_a_c img {width: 100%;height: auto;}

.flash_fukidashi_btn_a_d {position: absolute;top: 383px;left: 802px;width: 80px;height: 80px;}
.flash_fukidashi_btn_a_d img {width: 100%;height: auto;}



.flash_fukidashi_btn_b_a {position: absolute;top: 386px;left: 787px;width: 80px;height: 80px;}
.flash_fukidashi_btn_b_a img {width: 100%;height: auto;}

.flash_fukidashi_btn_b_b {position: absolute;top: 341px;left: 165px;width: 80px;height: 80px;}
.flash_fukidashi_btn_b_b img {width: 100%;height: auto;}



.flash_fukidashi_btn_c_a {position: absolute;top: 221px;left: 470px;width: 80px;height: 80px;}
.flash_fukidashi_btn_c_a img {width: 100%;height: auto;}

.flash_fukidashi_btn_c_b {position: absolute;top: 363px;left: 589px;width: 80px;height: 80px;}
.flash_fukidashi_btn_c_b img {width: 100%;height: auto;}

.flash_fukidashi_btn_c_c {position: absolute;top: 536px;left: 658px;width: 80px;height: 80px;}
.flash_fukidashi_btn_c_c img {width: 100%;height: auto;}

.flash_fukidashi_btn_c_d {position: absolute;top: 435px;left: 340px;width: 80px;height: 80px;}
.flash_fukidashi_btn_c_d img {width: 100%;height: auto;}



@media screen and (max-width: 1000px){
.flash_fukidashi_item {display: block;}

.fukidashi_btn {position: absolute;top: -16px;left: -20px;width: 90px;height: auto;}
.flash_fukidashi_btn_etc {position: absolute;top: 90%;left: 80%;width: 70px;height: auto;}

.flash_fukidashi_btn_a_a {position: absolute;top: 33.8%;left: 27.4%;width: 40px;height: 40px;}
.flash_fukidashi_btn_a_b {position: absolute;top: 38.1%;left: 66.1%;width: 40px;height: 40px;}
.flash_fukidashi_btn_a_c {position: absolute;top: 46.7%;left: 46.4%;width: 40px;height: 40px;}
.flash_fukidashi_btn_a_d {position: absolute;top: 47.3%;left: 82.2%;width: 40px;height: 40px;}

.flash_fukidashi_btn_b_a {position: absolute;top: 49.6%;left: 81.7%;width: 40px;height: 40px;}
.flash_fukidashi_btn_b_b {position: absolute;top: 41.1%;left: 15.5%;width: 40px;height: 40px;}
	
.flash_fukidashi_btn_c_a {position: absolute;top: 35.1%;left: 50.0%;width: 40px;height: 40px;}
.flash_fukidashi_btn_c_b {position: absolute;top: 49.3%;left: 61.9%;width: 40px;height: 40px;}
.flash_fukidashi_btn_c_c {position: absolute;top: 68.6%;left: 68.8%;width: 40px;height: 40px;}
.flash_fukidashi_btn_c_d {position: absolute;top: 58.5%;left: 37.0%;width: 40px;height: 40px;}

}

@media screen and (max-width: 500px){
.flash_fukidashi_item {display: block;}

.fukidashi_btn {position: absolute;top: -16px;left: -20px;width: 80px;height: auto;}
.flash_fukidashi_btn_etc {position: absolute;top: 90%;left: 80%;width: 60px;height: auto;}

.flash_fukidashi_btn_a_a {position: absolute;top: 33.8%;left: 24.4%;width: 40px;height: 40px;}
.flash_fukidashi_btn_a_b {position: absolute;top: 38.1%;left: 63.1%;width: 40px;height: 40px;}
.flash_fukidashi_btn_a_c {position: absolute;top: 46.7%;left: 43.4%;width: 40px;height: 40px;}
.flash_fukidashi_btn_a_d {position: absolute;top: 47.3%;left: 79.2%;width: 40px;height: 40px;}

.flash_fukidashi_btn_b_a {position: absolute;top: 46.6%;left: 78.7%;width: 40px;height: 40px;}
.flash_fukidashi_btn_b_b {position: absolute;top: 38.1%;left: 12.5%;width: 40px;height: 40px;}
	
.flash_fukidashi_btn_c_a {position: absolute;top: 32.1%;left: 47.0%;width: 40px;height: 40px;}
.flash_fukidashi_btn_c_b {position: absolute;top: 46.3%;left: 58.9%;width: 40px;height: 40px;}
.flash_fukidashi_btn_c_c {position: absolute;top: 63.6%;left: 65.8%;width: 40px;height: 40px;}
.flash_fukidashi_btn_c_d {position: absolute;top: 55.5%;left: 34.0%;width: 40px;height: 40px;}

}