@charset "UTF-8";
/* ===============================================

  ■ Setting  (MCSS:Foundation)
    ※Base → Base    上書き○
    ※Base → Project 上書き×
  
  --------------------------------------------

  ■ 命名規則 BEM + MCSS
  
    block     block
    element   block_element
    modifier  block_element.__modifier
    
    ※状態を表すものはprefixをつける is-, has-, not-...

  --------------------------------------------
  
  ■ Index
  
    1.Reset
    2.Setting

=============================================== */


/* reset
=============================================== */
html { color: #000;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, select, input { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: 200; vertical-align: baseline; background: none; font-weight: normal; box-sizing: border-box;}
input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"] { height: 100%; color: #333;}
select { border-radius: 0; background: none transparent; vertical-align: middle; box-sizing: content-box; -moz-appearance: none; -webkit-appearance: none; appearance: none; text-indent: 0.01px;}
select::-ms-expand { display: none;}
table > caption { width: inherit; height: inherit; position: inherit;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after { content: ''; content: none;}
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
button { border-radius: 0;}
/* button:focus, button:active { background: inherit; border: none;} */
a { text-decoration: none;}
a:focus, a:active { background: inherit; border: none;}

/* setting
=============================================== */
html,
body { width: 100%; overflow-x: hidden; position: relative;}

/* Font
---------------------------*/
/* Size
   1.0rem = PC:20px SP:10px
   1.2rem = PC:24px SP:12px
*/
html {
  font-family: BlinkMacSystemFont, "Helvetica Neue", CezannePro-M, 'Open Sans', sans-serif;
  font-size: 62.5%;
  font-size: 125% \9  !important;}
body {
  overflow: hidden;
  font-size: 1.0em;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}

@media screen and (min-width: 769px) {
  html {
    font-size: 125%;}
  body {
    width: 100%;
    overflow-x: hidden;}
}

@media screen and (min-width: 769px){
    main p, main div, main ul > main li, main ol > main li, main dl > dt, main dl > dd, main textarea { font-size: 16px; line-height: 24px;}
    h2 { font-size: 2.0rem; line-height: 2.6rem;}
    h3 { font-size: 1.5rem; line-height: 1.8rem;}
    #contact .formList_item dt { font-weight: bold; vertical-align: middle;}
}
@media screen and (max-width: 768px) {
  main p, main div, main ul > main li, main ol > main li, main dl > dt, main dl > dd, main textarea { font-size: 1.8rem; line-height: 2.8rem;}
    h2 { font-size: 3.2rem; line-height: 3.8rem; font-weight: bold;}
    h3 { font-size: 2.8rem; line-height: 3.2rem; font-weight: bold;}
    h4 { font-size: 2.4rem; line-height: 2.8rem;}
    h5 { font-size: 2.0rem; line-height: 2.4rem;}
    #gNavi ul li a { font-size: 3.2rem;}
    #experience .txtArea dt { font-size: 20px; font-weight: bold;}
    #experience .txtArea dt span { font-size: 14px; font-weight: bold;}
    #experience .txtArea dd ul li { font-size: 16px; line-height: 22px;}
}

@media screen and (max-width: 768px) {
  input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"] {
    font-size: 1.8rem; line-height: 2.6rem;}
}
main img { width: 100%; vertical-align: bottom;}
img[src$=".svg"] { width: 100%; }

a { color: #333; opacity: 1;}
  a:visited {
    color: #333;
    opacity: 1;}
  a:hover {
    text-decoration: inherit;}

a:hover, button:hover {
  color: #333;
  opacity: 0.7;
  transition: all 0.4s;}

.alink:visited {
  color: #333;
  opacity: 1;}

button:hover, .btn_item:hover { text-decoration: none;}
th, td { word-break: break-all;}
button { width: 100%; line-height: 1.2rem;}
  button:hover { border: none;}

@media screen and (max-width: 768px) {
  button { line-height: 2.3rem;}
}
label, input[type='checkbox'] { cursor: pointer;}

.taC { text-align: center !important; }
.taL { text-align: left !important; }
.taR { text-align: right !important; }





/* font
----------------------------------------*/
/* Family
   数字 Arial or Helvetica
*/





body .frame1280 { *zoom: 1;}    
body .frame1280:after { content: ''; display: table; clear: both;}

@media screen and (min-width: 1280px){
    body .frame1280 {
        width: 1280px;
        margin: 0 auto;
    }
    body .frame1280:after { content: ''; display: table; clear: both;}
}
@media screen and (min-width: 1024px){
    body .frame1024 {
        width: 1024px;
        margin: 0 auto;
    }
    body .frame1024:after { content: ''; display: table; clear: both;}
}
@media screen and (min-width: 769px){
    body { font-size: 18px;}
    .inner { width: 96%; margin: 0 auto}
    .frame1280 { width: 100%; margin: 0 auto;}
    .frame1024 { width: 100%; margin: 0 auto;}
    .frame768 { width: 768px; margin: 0 auto;}
}
@media screen and (max-width: 768px){
    .frame1280 { width: 100%;}
    .frame1024 { width: 100%;}
    .frame768 { width: 100%;}
}

/* grid
----------------------------------------*/
[data-layout="grid"] { display: -ms-grid; display: grid;}

[data-layout="grid"][data-column="2"],[data-layout="grid_pc"][data-column="2"],
[data-layout="grid_sp"][data-column="2"] { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;}
[data-layout="grid"][data-column="3"],[data-layout="grid_pc"][data-column="3"],
[data-layout="grid_sp"][data-column="3"] { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;}
[data-layout="grid"][data-column="4"],[data-layout="grid_pc"][data-column="4"],
[data-layout="grid_sp"][data-column="4"] { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;}
[data-layout="grid"][data-column="5"],[data-layout="grid_pc"][data-column="5"],
[data-layout="grid_sp"][data-column="5"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
[data-layout="grid"][data-column="6"],[data-layout="grid_pc"][data-column="6"],
[data-layout="grid_sp"][data-column="6"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
[data-layout="grid"][data-column="7"],[data-layout="grid_pc"][data-column="7"],
[data-layout="grid_sp"][data-column="7"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
[data-layout="grid"][data-column="8"],[data-layout="grid_pc"][data-column="8"],
[data-layout="grid_sp"][data-column="8"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
[data-layout="grid"][data-column="9"],[data-layout="grid_pc"][data-column="9"],
[data-layout="grid_sp"][data-column="9"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
[data-layout="grid"][data-column="10"],[data-layout="grid_pc"][data-column="10"],
[data-layout="grid_sp"][data-column="10"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
[data-layout="grid"][data-column="11"],[data-layout="grid_pc"][data-column="11"],
[data-layout="grid_sp"][data-column="11"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
[data-layout="grid"][data-column="12"],[data-layout="grid_pc"][data-column="12"],
[data-layout="grid_sp"][data-column="12"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}

[data-layout="grid"][data-gap="5px"],[data-layout="grid_pc"][data-gap="5px"],[data-layout="grid_sp"][data-gap="5px"] { gap: 5px;}
[data-layout="grid"][data-gap="10px"],[data-layout="grid_pc"][data-gap="10px"],[data-layout="grid_sp"][data-gap="10px"] { gap: 10px;}
[data-layout="grid"][data-gap="15px"],[data-layout="grid_pc"][data-gap="15px"],[data-layout="grid_sp"][data-gap="15px"] { gap: 15px;}
[data-layout="grid"][data-gap="20px"],[data-layout="grid_pc"][data-gap="20px"],[data-layout="grid_sp"][data-gap="20px"] { gap: 20px;}
[data-layout="grid"][data-gap="25px"],[data-layout="grid_pc"][data-gap="25px"],[data-layout="grid_sp"][data-gap="25px"] { gap: 25px;}
[data-layout="grid"][data-gap="30px"],[data-layout="grid_pc"][data-gap="30px"],[data-layout="grid_sp"][data-gap="30px"] { gap: 30px;}
[data-layout="grid"][data-gap="35px"],[data-layout="grid_pc"][data-gap="35px"],[data-layout="grid_sp"][data-gap="35px"] { gap: 35px;}
[data-layout="grid"][data-gap="60px"],[data-layout="grid_pc"][data-gap="40px"],[data-layout="grid_sp"][data-gap="40px"] { gap: 40px;}
[data-layout="grid"][data-gap="50px"],[data-layout="grid_pc"][data-gap="50px"],[data-layout="grid_sp"][data-gap="50px"] { gap: 50px;}
[data-layout="grid"][data-gap="60px"],[data-layout="grid_pc"][data-gap="60px"],[data-layout="grid_sp"][data-gap="60px"] { gap: 60px;}

@media screen and (min-width: 768px) {
  [data-layout="grid_pc"] { display: -ms-grid; display: grid;}
}
@media screen and (max-width: 767px) {
  [data-layout="grid_sp"] { display: -ms-grid; display: grid;}
  [data-layout="grid"][data-column_sp="2"],
  [data-layout="grid_sp"][data-column_sp="2"] { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;}
  [data-layout="grid"][data-column_sp="3"],
  [data-layout="grid_sp"][data-column_sp="3"] { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;}
  [data-layout="grid"][data-column_sp="4"],
  [data-layout="grid_sp"][data-column_sp="4"] { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;}
  [data-layout="grid"][data-column_sp="5"],
  [data-layout="grid_sp"][data-column_sp="5"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
  [data-layout="grid"][data-column_sp="6"],
  [data-layout="grid_sp"][data-column_sp="6"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
  [data-layout="grid"][data-column_sp="7"],
  [data-layout="grid_sp"][data-column_sp="7"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
  [data-layout="grid"][data-column_sp="8"],
  [data-layout="grid_sp"][data-column_sp="8"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
  [data-layout="grid"][data-column_sp="9"],
  [data-layout="grid_sp"][data-column_sp="9"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
  [data-layout="grid"][data-column_sp="10"],
  [data-layout="grid_sp"][data-column_sp="10"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
  [data-layout="grid"][data-column_sp="11"],
  [data-layout="grid_sp"][data-column_sp="11"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
  [data-layout="grid"][data-column_sp="12"],
  [data-layout="grid_sp"][data-column_sp="12"] { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}

  [data-layout="grid"][data-gap="5px"],[data-layout="grid_pc"][data-gap="5px"],[data-layout="grid_sp"][data-gap="5px"] { gap: 0.5rem;}
  [data-layout="grid"][data-gap="10px"],[data-layout="grid_pc"][data-gap="10px"],[data-layout="grid_sp"][data-gap="10px"] { gap: 1rem;}
  [data-layout="grid"][data-gap="15px"],[data-layout="grid_pc"][data-gap="15px"],[data-layout="grid_sp"][data-gap="15px"] { gap: 1.5rem;}
  [data-layout="grid"][data-gap="20px"],[data-layout="grid_pc"][data-gap="20px"],[data-layout="grid_sp"][data-gap="20px"] { gap: 2.0rem;}
  [data-layout="grid"][data-gap="25px"],[data-layout="grid_pc"][data-gap="25px"],[data-layout="grid_sp"][data-gap="25px"] { gap: 2.5rem;}
  [data-layout="grid"][data-gap="30px"],[data-layout="grid_pc"][data-gap="30px"],[data-layout="grid_sp"][data-gap="30px"] { gap: 3.0rem;}
  [data-layout="grid"][data-gap="35px"],[data-layout="grid_pc"][data-gap="35px"],[data-layout="grid_sp"][data-gap="35px"] { gap: 3.5rem;}
  [data-layout="grid"][data-gap="60px"],[data-layout="grid_pc"][data-gap="40px"],[data-layout="grid_sp"][data-gap="40px"] { gap: 4.0rem;}
  [data-layout="grid"][data-gap="50px"],[data-layout="grid_pc"][data-gap="50px"],[data-layout="grid_sp"][data-gap="50px"] { gap: 5.0rem;}
  [data-layout="grid"][data-gap="60px"],[data-layout="grid_pc"][data-gap="60px"],[data-layout="grid_sp"][data-gap="60px"] { gap: 6.0rem;}
}


/* animation
----------------------------------------*/
[data-animation="fade"] {
  opacity: 0;
  -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0);  transform: translate(0, 0);
  -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
  display: block;
}
[data-animation="fade"][data-direction="up"] { -webkit-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); }
[data-animation="fade"][data-direction="down"] { -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); }
[data-animation="fade"][data-direction="left"] { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
[data-animation="fade"][data-direction="right"] { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); }
[data-animation="fade"][data-delay="0.1"] { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s;}
[data-animation="fade"][data-delay="0.2"] { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;}
[data-animation="fade"][data-delay="0.3"] { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s;}
[data-animation="fade"][data-delay="0.4"] { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s;}
[data-animation="fade"][data-delay="0.5"] { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s;}
[data-animation="fade"][data-delay="0.6"] { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s;}
[data-animation="fade"][data-delay="0.7"] { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s;}
[data-animation="fade"][data-delay="0.8"] { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s;}
[data-animation="fade"][data-delay="0.9"] { -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s;}
[data-animation="fade"][data-delay="1"] { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}
[data-animation="fade"][data-delay="1.1"] { -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s;}
[data-animation="fade"][data-delay="1.2"] { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s;}
[data-animation="fade"][data-delay="1.3"] { -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s;}
[data-animation="fade"][data-delay="1.4"] { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s;}
[data-animation="fade"][data-delay="1.5"] { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s;}
[data-animation="fade"][data-delay="1.6"] { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s;}
[data-animation="fade"][data-delay="1.7"] { -webkit-transition-delay: 1.7s; -o-transition-delay: 1.7s; transition-delay: 1.7s;}
[data-animation="fade"][data-delay="1.8"] { -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s;}
[data-animation="fade"][data-delay="1.9"] { -webkit-transition-delay: 1.9s; -o-transition-delay: 1.9s; transition-delay: 1.9s;}
[data-animation="fade"][data-delay="2"] { -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s;}
[data-animation="fade"][data-delay="2.1"] { -webkit-transition-delay: 2.2s; -o-transition-delay: 2.2s; transition-delay: 2.2s;}
[data-animation="fade"][data-delay="2.2"] { -webkit-transition-delay: 2.2s; -o-transition-delay: 2.2s; transition-delay: 2.2s;}
[data-animation="fade"][data-delay="2.3"] { -webkit-transition-delay: 2.3s; -o-transition-delay: 2.3s; transition-delay: 2.3s;}
[data-animation="fade"][data-delay="2.4"] { -webkit-transition-delay: 2.4s; -o-transition-delay: 2.4s; transition-delay: 2.4s;}
[data-animation="fade"][data-delay="2.5"] { -webkit-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s;}
[data-animation="fade"][data-delay="3"] { -webkit-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s;}
[data-animation="fade"][data-delay="3.5"] { -webkit-transition-delay: 3.5s; -o-transition-delay: 3.5s; transition-delay: 3.5s;}
[data-animation="fade"][data-delay="4"] { -webkit-transition-delay: 4s; -o-transition-delay: 4s; transition-delay: 4s;}

@media screen and (max-width: 768px) {
  [data-animation="fade"] {
      -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
  }
[data-animation="fade"][data-delay="0.1"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="0.2"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="0.3"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="0.4"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="0.5"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="0.6"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="0.7"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="0.8"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="0.9"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="1"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="1.1"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="1.2"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="1.3"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="1.4"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="1.5"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="1.6"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="1.7"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="1.8"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="1.9"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="2"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="2.1"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="2.2"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="2.3"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="2.4"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="2.5"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="3"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="3.5"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
[data-animation="fade"][data-delay="4"] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
}

body [data-animation="fade"].is-fadeIn {
  opacity: 1;
  -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);
}


/* ステータス分岐
----------------------------------------------*/
/* PC・SP */
@media screen and (min-width: 769px) {
  [data-device="sp"] { display: none !important;}
}
@media screen and (max-width: 768px) {
  [data-device="pc"] { display: none !important;}
}