
/*
/* common設定
/* -------------------------------------------------- */
:root {
    --color-main: #002643;
    --color-sub-1:#FFF9AB;
    --color-sub-2:#FB70F1;
    --color-sub-3:#5EBCFF;
    --color-sub-4:#55EC55;
    --color-sub-5:#F1F653;
    --color-sub-6:#D1E2EF;
      }
._fc_color-main { color: var(--color-main); }
._fc_color-sub-1 { color: var(--color-sub-1); }
._fc_color-sub-2 { color: var(--color-sub-2); }
._fc_color-sub-3 { color: var(--color-sub-3); }
._fc_color-sub-4 { color: var(--color-sub-4); }
._fc_color-sub-5 { color: var(--color-sub-5); }
._fc_color-sub-6 { color: var(--color-sub-6); }
._bg_color-main { background-color: var(--color-main); }
._bg_color-sub-1 { background-color: var(--color-sub-1); }
._bg_color-sub-2 { background-color: var(--color-sub-2); }
._bg_color-sub-3 { background-color: var(--color-sub-3); }
._bg_color-sub-4 { background-color: var(--color-sub-4); }
._bg_color-sub-5 { background-color: var(--color-sub-5); }
._bg_color-sub-6 { background-color: var(--color-sub-6); }
._border_color-main { border-color: var(--color-main); }
._border_color-sub-1 { border-color: var(--color-sub-1); }
._border_color-sub-2 { border-color: var(--color-sub-2); }
._border_color-sub-3 { border-color: var(--color-sub-3); }
._border_color-sub-4 { border-color: var(--color-sub-4); }
._border_color-sub-5 { border-color: var(--color-sub-5); }
._border_color-sub-6 { border-color: var(--color-sub-6); }
._border-radius_15px { border-radius: 15px; }
._bg_gra_koushi { background-image: repeating-linear-gradient( to right, rgba(255, 255, 255, 0.65) 0px, rgba(255, 255, 255, 0.65) 1px, transparent 1px, transparent 40px ), repeating-linear-gradient( to bottom, rgba(255, 255, 255, 0.65) 0px, rgba(255, 255, 255, 0.65) 1px, transparent 1px, transparent 40px ), linear-gradient(#5EBCFF, #DB72FF); background-repeat: repeat; }
._bg_gra_bluegreen { background: linear-gradient( to top right, #04CD86, #57BEF7 ); }
._bg_marker { display: inline-block; position: relative; z-index: 0; }
._bg_marker::after { content: ""; position: absolute; left: 0; right: 0; bottom: 15px; height: 50%; background: var(--color-sub-6); z-index: -1; pointer-events: none; transform-origin: left bottom; }
@media screen and (min-width: 700px){
    ._fs_title_pc { font-size: 6em; }
    ._fs_5em_pc { font-size: 5em; }
}
.section_kv {
    img {}
    h1 { font-size: 4.3em; margin: 0; background: linear-gradient(to right, rgba(94, 188, 255, 0.5), rgba(219, 114, 255, 0.5)); }
}
.section_vket_toha { background: var(--color-sub-4); padding: 5px; box-sizing: border-box; display: inline-block;
    .section_vket_toha__inner { border: 5px solid #D2FFD2; background: var(--color-sub-4); box-sizing: border-box; }
}
.section_vrtaiken { background: var(--color-sub-5); padding: 5px; box-sizing: border-box; display: inline-block;
    .section_vrtaiken__inner { border: 5px solid #FEFFDB; background: var(--color-sub-5); box-sizing: border-box; }
}
._hover_poyoyon { display: inline-block;  opacity: 1;  pointer-events: none; }
._hover_poyoyon * { pointer-events: auto; }
._hover_poyoyon:hover { animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards; }
@keyframes poyoyon {
  0% { transform: translateY(-5px); }
  50% { transform: translateY(0); }
  65% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
  
  