@charset "utf-8";


/*  Resetting
/*-------------------------------------------*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
* { margin: 0px; padding: 0px; word-wrap: break-word; }
ul { list-style: none; }
body, ul, ol, li, dl, dt, dd, table, form, input, label { margin:0; padding:0; font-weight:normal; }
/* Text elements */
body {font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 20px; background-color: #f9f9f9!important; margin: 0; line-height:2.0; -webkit-text-size-adjust : 100%; color:#000; background-color: #fff }

h1, h2, h3, h4, h5, ul { font-size:100%; margin:0; padding:0; }
h1, h2, h3, h4, h5, p, ul, th, td { }
hr { border:none; border-top:dashed 1px #CCC; height:1px; color:#FFFFFF; width:100%; margin-top:30px; margin-bottom:30px; }
th { font-weight:lighter; }
dt { font-weight: bold; }
strong { font-weight: bold; }
a { color: #00b0e3; font-weight: bold; text-decoration:none; font-size:100%; overflow:hidden; outline:none; }
a:hover { color:rgba(0,0,0, .5); transition: .4s ; text-decoration: none; }
a.blog_a { color: #000; font-weight: bold; text-decoration:none; font-size:100%; overflow:hidden; outline:none; }
a.blog_a:hover { color: #00acae; transition: .4s ; text-decoration: none; }
img { border: no; text-decoration:none;}
img { border: none; vertical-align: top; max-width: 100%; }
a img { border:none; }
a:hover img { opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; transition: .4s ;  }
section{overflow: hidden;}


/*-------------------------------------------*/
/*  Width
/*-------------------------------------------*/
.w100 {
    width: 100%;
}
.w30 {
    width: 30%
}
.w50 {
    width: 50%
}
.w70 {
    width: 70%
}
.w80 {
    width: 80%
}

.w800 {
    width: 800px
}


/*-------------------------------------------*/
/*  Wrap
/*-------------------------------------------*/
.inner-wrap {
    width: auto;
    padding: 30px 30px 30px 30px;
    overflow: auto;
}

.inner-wrap-notop {
    width: auto;
    padding: 0px 30px 30px 30px;
    overflow: auto;
}
.wrap {
    margin: auto;
    overflow: hidden;
    width: 960px;
}

.wrap_1098 {
        width: 960px;
}

/*-------------------------------------------*/
/*  Header
/*-------------------------------------------*/
.kv {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
}
.kv .anker__btn__container01{
    position: absolute;
    top: 19%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 65%;
    height: auto;
}
.kv .anker__btn__container01 .img{
    width: 100%;
    height: auto;
}
@media screen and (min-width: 320px) and (max-width: 768px){
    .kv .anker__btn__container01{
        top: 19.5%;
    }
    .kv .anker__btn__container01 .img{
        padding-left: 8px;
    }
}
.kv .anker__btn__container02{
    display: block;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    width: 75%;
    height: auto;
}
.kv .anker__btn__container02 .img{
    width: 100%;
    height: auto;
}



/*-------------------------------------------*/
/*  Font-style
/*-------------------------------------------*/

.pull-top {
    position: relative;
    z-index: 2
}




.bg_01 {
    background-color: #000c2a;
    /*background: url(../images/bg-01.jpg) repeat;*/
    position: relative;
}
.bg_02 {
    background: url(../images/bg-02.jpg) repeat;
    position: relative;
}
.bg_03 {
    /*background: url(../images/bg-03.jpg) repeat;*/
    background-color: #fff7e9;
    position: relative;
}
.bg_04 {
    background: url(../images/bg-04.jpg) repeat;
    position: relative;
}
.bg_05 {
    background: url(../images/bg-05.jpg) repeat;
    position: relative;
}
.wrap {
    z-index: 1;
    position: relative;
}


.design_title01,
.design_title02,
.design_title03,
.design_title04,
.design_title05,
.design_title06,
.design_title07,
.design_title08,
.design_title09,
.design_title10 {
    position: relative;
    z-index: 1;
}

.yellow_bg {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ebeac1;
    opacity: .2;
}

.design_title01 {
    height: auto;
    position: relative;
    color: #FFE243;
    background-color: #af0000;
    font-size: 2.8em;
    line-height: 1.2em;
}

.design_title01:after {
    height: 0;
    position: absolute;
    width: 0;
    border: 20px solid transparent;
    border-top-color: #d50f10;
    content: ' ';
    top: 100%;
    left: 50%;
    margin-left: -30px;
    border-width: 30px
}
.divider {
    margin: 10px 0 20px 0;
    overflow: hidden;
    background-image: linear-gradient(to right, #000 33%, rgba(255, 255, 255, 0) 0);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    padding-bottom: 15px;
    zoom: 1;
}
.postcript {
    background-image: url(../images/text_line.png);
    line-height: 50px;
}
.design_title02 {
    height: auto;
    position: relative;
    background-color: #17406d;
    font-size: 2.4em;
    line-height: 1.2em;
}
.design_title02:after {
    height: 0;
    position: absolute;
    width: 0;
    border: 20px solid transparent;
    border-top-color: #008595;
    content: ' ';
    top: 100%;
    left: 50%;
    margin-left: -30px;
    border-width: 30px
}

.design_title03 {
    height: auto;
    position: relative;
    /*color: #FFE243;*/
    background-color: #d9004d;
    font-size: 2.5em;
    line-height: 1.2em;
}
.design_title03:after {
    height: 0;
    position: absolute;
    width: 0;
    border: 20px solid transparent;
    border-top-color: #b40040;
    content: ' ';
    top: 100%;
    left: 50%;
    margin-left: -30px;
    border-width: 30px
}
.design_title04 {
    height: 100%;
    position: relative;
    background-color: transparent;
    font-size: 2.8em;
    padding: 0 35px;
    border-left:2px solid #b68000;
    border-right:2px solid #b68000;
    /*line-height: 2.7;*/
    display: inline-table;
}

.design_title05 {
    height: 100%;
    position: relative;
    background-color: transparent;
    font-size: 2.8em;
    padding: 0 35px;
    border-left:2px solid #f5f3c7;
    border-right:2px solid #f5f3c7;
    display: inline-table;
}
.design_title06 {
    height: auto;
    position: relative;
    background-color: transparent;
    font-size: 2.4em;
    padding: 0 35px;
    border-left:2px solid #fffdd0;
    border-right:2px solid #fffdd0;
    display: inline-table;
}
.design_title07{
    font-size: 2.2em;
      display: inline-block;
      padding: 15px 20px;
      position: relative;
}
.design_title11{
    font-size: 2.4em;
      display: inline-block;
      padding: 15px 30px;
      position: relative;
}
.design_title09,
.design_title10{
      font-size: 2.8em;
      display: inline-block;
      padding: 0 15px;
      position: relative;
}
.design_title08 {
    height: auto;
    position: relative;
    color: #00091f;
    font-size: 3.125em;
}
/*
.design_title08:after {
    height: 0;
    position: absolute;
    width: 0;
    border: 20px solid transparent;
    border-top-color: #ad0000;
    content: ' ';
    top: 90%;
    left: 50%;
    margin-left: -25px;
    border-width: 25px
}*/


.design_title09:before,
.design_title09:after{
    background: #fff;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    width: 600%;
}

.design_title10:before,
.design_title10:after{
    background: #900001;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    width: 600%;
}
.border_01 {
    border: solid;
    border-width: 1px;
    border-color: #c30505;
}
.border_02 {
    border: solid;
    border-width: 1px;
    border-color: #af0000;
}


/*-------------------------------------------*/
/*  Check
/*-------------------------------------------*/
ul.check01 li { 
    background:url(../images/check01.png) no-repeat left 5px;
    padding-top:0px;
    padding-left:50px;
    text-align:left;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
    padding-bottom: 10px;
    min-height:31px; 
    
}

ul.check02 li { 
    padding-left:50px;
    padding-top:0px;
    text-align:left;
    border-bottom: 1px dotted #888;
    margin-bottom: 10px;
    padding-bottom: 10px;
    min-height:31px; 
        position: relative;
}

ul.check03 li {
    background: url(../images/check03.png) no-repeat left 22px;
    padding-top: 11px;
    padding-left: 50px;
    text-align: left;
    border-bottom: 1px dotted #888;
    margin-bottom: 7px;
    padding-bottom: 18px;
    min-height: 31px;
}

ul.check04 li {
    background: url(../images/check04.png) no-repeat left 22px;
    padding-top: 11px;
    padding-left: 50px;
    text-align: left;
    border-bottom: 1px dotted #888;
    margin-bottom: 7px;
    padding-bottom: 18px;
    min-height: 31px;
}

.position-a { position:absolute; left: 0; top: -10px;}

/*-------------------------------------------*/
/*  Footer
/*-------------------------------------------*/
footer a { color: #fff }
footer a:hover { color:rgba(255,255,255, .5); transition: .4s ; text-decoration: none; }

/*-------------------------------------------*/
/*  Page-top
/*-------------------------------------------*/
#page-top a {
    background: #58e186;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 10px 0;
    text-align: center;
    display: block;
    font-weight: normal;
    letter-spacing: 2px;
}
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    z-index: 9;
}


/*-------------------------------------------*/
/*  Hidden
/*-------------------------------------------*/
.overflow_h_pc { overflow: hidden;}


/*-------------------------------------------*/
/*  Button
/*-------------------------------------------*/

.animate72,
.a-option72,
.a-btnsub72 {
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
a.a-btn {
    width: 100%;
    margin: auto;
    position: relative;
    display: inline-block;
    margin: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
a.a-btn img {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
img.a-main {
    width: 100%;
    position: relative;
    z-index: 54;
}
a.shover:hover * {
    animation-name: none!important;
}
@-moz-keyframes animate72 {
    0% {
        -moz-transform: rotate(0deg);
    }
    40% {
        -moz-transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(2deg);
    }
    60% {
        -moz-transform: rotate(-1deg);
    }
    70% {
        -moz-transform: rotate(3deg);
    }
    80% {
        -moz-transform: rotate(-2deg);
    }
    90% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(0deg);
    }
}
@-o-keyframes animate72 {
    0% {
        -o-transform: rotate(0deg);
    }
    40% {
        -o-transform: rotate(0deg);
    }
    50% {
        -o-transform: rotate(2deg);
    }
    60% {
        -o-transform: rotate(-1deg);
    }
    70% {
        -o-transform: rotate(3deg);
    }
    80% {
        -o-transform: rotate(-2deg);
    }
    90% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(0deg);
    }
}
@-webkit-keyframes animate72 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    40% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(2deg);
    }
    60% {
        -webkit-transform: rotate(-1deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
    }
    80% {
        -webkit-transform: rotate(-2deg);
    }
    90% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}
@keyframes animate72 {
    0% {
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(2deg);
    }
    60% {
        transform: rotate(-1deg);
    }
    70% {
        transform: rotate(3deg);
    }
    80% {
        transform: rotate(-2deg);
    }
    90% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.animate72 {
    -webkit-animation-name: animate72;
    -moz-animation-name: animate72;
    -o-animation-name: animate72;
    animation-name: animate72;
}
.a-btn72 {
    padding-left: 0%!important;
}
.a-option72 {
    top: 0%!important;
}
.a-option72 {
    width: 20%!important;
}
.a-btn72 {
    max-width: 100%!important;
}
.animate72,
.a-btnsub72,
.a-option72 {
    animation-duration: 1s!important;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -moz-animation-duration: 1s!important;
}
button {
    width: 100%;
    margin: auto;
    background-color: #f1f1f1!important;
    border-color: #fff;
    padding: 0!important;
    border-style: none;
}
.bcreate307 {
    background-color: #f3f3f3;
}

input.present {
    width: 750px;
    margin: 0 auto !important;
    /* text-align: center; */
    display: block;
    height: 110px;
    padding: 10px;
    font-size: 28px;
    text-align: center;
    background: #fffcb4;
    border: 2px solid #999;
    box-shadow: 0px 0px 6px 1px #ccc inset;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:
}

input.present_name {
    width: 365px;
    margin: 0 auto !important;
    /* text-align: center; */
    height: 110px;
    padding: 10px;
    font-size: 28px;
    text-align: center;
    background: #fffcb4;
    border: 2px solid #999;
    box-shadow: 0px 0px 6px 1px #ccc inset;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:
}

form .f_flex {
    width: 790px;
    margin: auto;
}

form .c2>div {
    margin-right: 0 !important;
}


form { padding: 25px; }

::-webkit-input-placeholder {
    color: #b1b1b1;
    letter-spacing: 1px;
}


/*================ additional css ==================*/
.box {
    color: #a67d00;
    border-style: solid;
    border-width: 2px;
    border-color: #a67d00;
    font-size: 3.375em;
    line-height: 1.3em;
}

.question_box {
    background-color: #e7f7ed;
    font-weight: bold;
}


.line_height_1_3 {
    line-height: 1.3em;
}

br.sp_br {display:none;}
.bg_color_red{background-color:#b90007;}
.rec p {
    width: 60%;
}
/*-------------------------------------------*/
/*  Modal Window
/*-------------------------------------------*/


table, tr,td{
    border-collapse: collapse;
    padding: 5px;
    text-align: left; 
}

table,tr,td {
    background-color: #e7f1ea6b;
    border: solid 1px #b8b8b8;
}
td{
    width: 50%;
    padding: 5px 10px;
}

.design_title07:before,
.design_title07:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.design_title07:before{
    top: 0;
    left: 0;
    border-top: 2px solid #216638;
    border-left: 2px solid #216638;
}

.design_title07:after{
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #216638;
    border-right: 2px solid #216638;
}


/*-------------------------------------------------------------------------------------*/
/*Flex*/
/*-------------------------------------------------------------------------------------*/
.f_flex { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap;}
.f_flex_m0 { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
.f_between { -webkit-justify-content: space-between; justify-content: space-between; }/*ジャスティファイ配置*/
.f_between_space { justify-content: space-around; -webkit-justify-content: space-around; /* Safari */ }
.f_left { -webkit-justify-content: flex-start; justify-content: flex-start; }/*横左寄り*/
.f_right { -webkit-justify-content: flex-end; justify-content: flex-end; }/*横右寄り*/
.f_center { -webkit-justify-content:  -webkit-justify-content: center; justify-content: center; }/*横中央寄り*/
.f_top { -webkit-align-items: center; align-items: flex-start; }/*縦真ん上揃え*/
.f_middle { -webkit-align-items: center; align-items: center; }/*縦真ん中揃え*/
.f_bottom { -webkit-align-items: flex-end; align-items: flex-end; }/*縦下揃え*/
.f_stretch { -webkit-align-items: stretch; /* Safari */ align-items: stretch; }
.f_column { flex-flow: column nowrap;} /*縦並び*/
.f_r1>div:last-child { margin-left: auto; }/*一つだけ右寄せ*/
.f_l1>div:first-child {margin-right: auto;}/*一つだけ左寄せ*/
.f_w1 { -webkit-flex: 1; flex: 1; overflow:hidden;}
.f_w2 { -webkit-flex: 2; flex: 2; overflow:hidden;}
.f_w3 { -webkit-flex: 3; flex: 3; overflow:hidden;}
.f_w4 { -webkit-flex: 4; flex: 4; overflow:hidden;}

.f_normal>div, .f_normal>li { margin-left:1.2%; margin-right:1.2%; }
.f_flex_m0>div, .f_flex_m0>li { margin-left:0; margin-right:0; }
.f_normal>div:first-child, .f_normal>li:first-child { margin-left:0; }
.f_flex>div:last-child, .f_flex>li:last-child { margin-right:0; }
.col { overflow:hidden; }
.col { display: -webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.col>div, .col>li { margin-left:2.2%; margin-right:2.2%; }
.col>div:first-child, .col>li:first-child { margin-left:0; }
.col>div:last-child, .col>li:last-child { margin-right:0; }

.c2>li {width: 49%; margin-right: 2%; margin-top: 10px;}
.c2>li:nth-child(2n) {margin-right :0;}
.c2>div {width: 49%; margin-right: 2%; margin-top: 10px;}
.c2>div:nth-child(2n) {margin-right :0;}


.c3>li { width: 31.3%; margin-right: 3%; }
.c3>li:nth-child(3n) {margin-right :0;}
.c3>div {  width: 32.3%; margin-right: 1.5%;}
.c3>div:nth-child(3n) {margin-right :0;}

.c4>li { width: 21.7%; }
.c4>div {width: 24.1%; margin-right: 1.15%; margin-bottom: 20px; }
.c4>div:nth-child(4n) {margin-right :0; margin-bottom: 20px;}

.c5>li { width:16.48%; }
.c5>div:nth-child(5n), .c5>li:nth-child(5n) {
margin-right:0;
}
.c5>div {      width: 19.5%;
    margin-right: .5%;}
.c5>div:nth-child(5n+1), .c5>li:nth-child(5n+1) {
margin-left:0;
}

.c6>div{
    width: 16%;
    margin-right:0.5%; 
}


.c6>li { width:13%; }
.c6>div:nth-child(6n), .c6>li:nth-child(6n) {
margin-right:0.5%;
}
.c6>div:nth-child(6n+1), .c6>li:nth-child(6n+1) {
margin-left:0;
}






/* ▼(A)表示領域全体 */
div.tabbox { margin: 0px; padding: 0px; width: 100%; }

/* ▼(B)タブ部分 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 5em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
   border-radius: 12px 12px 0px 0px; /* 角を丸くする */
}
/* ▼(B-3)各タブの配色 */
p.tabs a.tab1 { background-color: #002d88;  color: yellow; }
p.tabs a.tab2 { background-color: #969696; color:white;}
p.tabs a.tab3 { background-color: #969696;   color: white; }
p.tabs a.tab4 { background-color: #969696;   color: white; }
p.tabs a.tab5 { background-color: #969696;   color: white; }
p.tabs a:hover { color: yellow; }

/* ▼(C)タブ中身のボックス */
div.tab {
   /* ▼(C-2)ボックス共通の装飾 */
   height: auto; overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tab1 { border: 2px solid #ccc; background-color: #fff; }
div#tab2 { border: 2px solid #aaaa00; background-color: #ffffcc; }
div#tab3 { border: 2px solid red; background-color: #ffcccc; }
div#tab4 { border: 2px solid #ccc; background-color: #fff; }
div#tab5 { border: 2px solid #aaaa00; background-color: #ffffcc; }
div.tab p { padding: 1.2em; }

.youtube_movie {
    width: 100%;
    height: 500px;
}



/*! * * * * * * * * * * * * * * * * * * * *\  
  CSShake :: shake-vertical
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */.shake-vertical{display:block;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake-vertical:hover,.shake-trigger:hover .shake-vertical{animation-play-state:running}@keyframes shake-vertical{2%{transform:translate(0, -7px) rotate(0)}4%{transform:translate(0, 5px) rotate(0)}6%{transform:translate(0, -5px) rotate(0)}8%{transform:translate(0, 9px) rotate(0)}10%{transform:translate(0, 1px) rotate(0)}12%{transform:translate(0, -6px) rotate(0)}14%{transform:translate(0, 2px) rotate(0)}16%{transform:translate(0, 6px) rotate(0)}18%{transform:translate(0, 0px) rotate(0)}20%{transform:translate(0, 3px) rotate(0)}22%{transform:translate(0, 1px) rotate(0)}24%{transform:translate(0, 3px) rotate(0)}26%{transform:translate(0, -1px) rotate(0)}28%{transform:translate(0, -9px) rotate(0)}30%{transform:translate(0, 2px) rotate(0)}32%{transform:translate(0, -4px) rotate(0)}34%{transform:translate(0, -2px) rotate(0)}36%{transform:translate(0, 6px) rotate(0)}38%{transform:translate(0, 7px) rotate(0)}40%{transform:translate(0, 10px) rotate(0)}42%{transform:translate(0, -1px) rotate(0)}44%{transform:translate(0, 8px) rotate(0)}46%{transform:translate(0, -3px) rotate(0)}48%{transform:translate(0, -1px) rotate(0)}50%{transform:translate(0, 8px) rotate(0)}52%{transform:translate(0, 5px) rotate(0)}54%{transform:translate(0, 1px) rotate(0)}56%{transform:translate(0, 4px) rotate(0)}58%{transform:translate(0, -9px) rotate(0)}60%{transform:translate(0, 8px) rotate(0)}62%{transform:translate(0, -4px) rotate(0)}64%{transform:translate(0, 10px) rotate(0)}66%{transform:translate(0, 4px) rotate(0)}68%{transform:translate(0, -2px) rotate(0)}70%{transform:translate(0, -1px) rotate(0)}72%{transform:translate(0, 4px) rotate(0)}74%{transform:translate(0, 1px) rotate(0)}76%{transform:translate(0, 5px) rotate(0)}78%{transform:translate(0, -7px) rotate(0)}80%{transform:translate(0, -8px) rotate(0)}82%{transform:translate(0, 10px) rotate(0)}84%{transform:translate(0, 1px) rotate(0)}86%{transform:translate(0, 6px) rotate(0)}88%{transform:translate(0, -2px) rotate(0)}90%{transform:translate(0, -1px) rotate(0)}92%{transform:translate(0, 3px) rotate(0)}94%{transform:translate(0, -3px) rotate(0)}96%{transform:translate(0, -7px) rotate(0)}98%{transform:translate(0, 2px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-vertical:hover,.shake-trigger:hover .shake-vertical,.shake-vertical.shake-freeze,.shake-vertical.shake-constant{animation-name:shake-vertical;animation-duration:20000ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}

.arrow__container01{
    width: 100%;
    height: auto;
    display: block;
}
.arrow__container01 .img{
    width: 100%;
    height: auto;
    display: block;
}

.wrap__g{
    padding: 14px;
    display: block;
    background: #ecfff3;
}