@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Carattere&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,700;1,800&display=swap');
/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////                 © Branding Technology inc.                  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/
/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
:root {
    --font-main: 'Montserrat', sans-serif;
    --en: 'Carattere', cursive;
    --txt: #000;
    --mcolor: #005698;
    --scolor: #dfac66;
    --red: #c4000d;
    --beige: #ffe492;
    --bg-beige: #ffeab9;
    --site_size: 1200px; /* SIZE WRAPPER */
    
    /*--mcolor: #003986;
    --scolor: #dfac66;
    --red: #c4000d;
    --beige: #ffeab9;*/
}
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
  font-size: 160%;
  -webkit-text-size-adjust: none;
}
img {
  vertical-align: bottom;
    max-width: 100%;
    height: auto
}
h1 {} /* Header内で設定 */
h2 {}
h3 {}
h4 {}
a {
  color: var(--mcolor);
}
a:hover, a:active {
  text-decoration: none;
}
a:visited {}
ul {}
li {}
dl {}
dt {}
dd {}
table {
  width: 100%
}
th, td {}
th {}
td {}
p {
  margin: 0 0 1.5em;
}
p, dt, dd, td, th, li {
  line-height: 1.875em;
}
* {
  word-break: break-word;
  outline: none;
}
*, :after, :before {
  box-sizing: border-box
}
:focus {
  outline: 0
}
li::marker {
  display: none
}

/* add
------------------------------------------------------------------------*/
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/
html {
  background: none;
  margin: 0 auto;
}
body {
  color: #000000;
  font-family: var(--font-main);
  font-weight: 400;
  margin: 0 auto;
  position: relative;
  overflow: auto;
  height: 100%;
}
#wrapper {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.inner {
  width: 1200px;
  margin: 0 auto;
  position: relative
}
#main {
  padding-top: 108px;
  margin: 0 auto
}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
header p {
  margin-bottom: 0
}
header {
  display: none;
  position: fixed;
  width: 100%;
  height: 120px;
  background: rgba(255,255,255,0.9);
    z-index: 999
}
header.active {
    display: block;
    animation: scrolltop 0.7s;
    animation-iteration-count: 1;
    z-index: 999
}
header .inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.under header {
    display: block;
}
.under header.active {
    display: block;
    animation: unset;
    z-index: 999
}
.under main {
    margin-top: 120px;
}

#logo {
  width: 30%;
  max-width: 360px;
}
#logo img {
  width: 100%;
  max-width: 400px;
}
.hright{
    width: 65%;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}
.hright p.opentime{
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 1.4
}
.hright .tel{
    margin-left: auto
}
.hright .tel a{
    display: flex;
    text-decoration: none;
    color: #111;
    font-size: 36px;
    font-weight: 500;
}
.hright .tel a::before{
    content: '';
    background: url("../images/icon_tel.png") no-repeat 0 0 / 100%;
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 10px
}
#gnavi {
    width: 100%;
    margin-top: 10px
}
#gnavi ul{
    display: flex;
    justify-content: space-around;
    width: 100%;
    background: var(--mcolor);
    height: 40px;
    border-radius: 20px;
    padding: 0 15px
}
#gnavi li {
}
#gnavi a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}
@-webkit-keyframes headerfixed {
	0% {
		transform: translateY(-80px);
		opacity: 0;
		transition: ease-in-out;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes headerfixed {
	0% {
		transform: translateY(-80px);
		opacity: 0;
		transition: ease-in-out;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes headerfixed {
	0% {
		transform: translateY(-80px);
		transform-origin: center;
		opacity: 0;
		transition: ease-in-out;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
/*==========================================================================*/
/*                               #maintop                                    */
/*==========================================================================*/
#maintop{
    width: 100%;
    height: 100vh;
    display: flex
}
#maintop .main_left{
    width: 55%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#maintop .main_right{
    width: 45%;
    height: 100%;
    background: var(--mcolor);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    padding-right: 100px
}
#maintop .main_left::before{
    content: '';
    width: 150px;
    height: 90px;
    background: var(--mcolor);
    display: block;
    position: absolute;
    left: 0;
    top: 90px;
}
#maintop .main_left::after{
    content: '';
    width: 120%;
    height: 70px;
    background: var(--beige);
    display: block;
    position: absolute;
    left: 0;
    bottom: 70px;
    z-index: 1
}
#maintop .main_left .logobox{
    width: 70%;
    position: relative
}
#maintop .main_left .logobox::before{
    content: '';
    width: 320px;
    height: 320px;
    background: var(--beige);
    border-radius: 50%;
    display: block;
    position: absolute;
    right: -100px;
    top: 50%;
    transform: translateY(-50%)
}
#maintop .main_left .logobox img{
    position: relative
}
#maintop .main_right::after{
    content: '';
    width: 1px;
    height: 60%;
    background: var(--beige);
    display: block;
    right: 100px;
    top: 20%;
    position: absolute
}
#maintop .main_right .list_navi{
    
}
#maintop .main_right .list_navi li{
    text-align: right;
    margin: 20px 0
}
#maintop .main_right .list_navi li a{
    color: var(--beige);
    text-decoration: none;
    text-align: right;
    padding: 5px 30px 5px 0;  
    position: relative;
    letter-spacing: 0.05em;
    font-size: 16px;
    transition: ease 0.1s
}
#maintop .main_right .list_navi li a::after{
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--beige);
    display: block;
    position: absolute;
    right: -3px;
    top: 50%;
    transform: translateY(-50%);
}
#maintop .main_right .list_navi li a::before{
    content: '';
    width: 0px;
    height: 1px;
    background: var(--beige);
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: linear 0.1s
}
#maintop .main_right .list_navi li a:hover::before{
    content: '';
    width: 25px;
    height: 1px;
    background: var(--beige);
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#maintop .main_right .list_navi li a:hover{
    letter-spacing: 0.15em
}
/*==========================================================================*/
/*                               COMMON                                     */
/*==========================================================================*/
#content p:last-child {
  margin-bottom: 0
}
.under #top_info {
    background: url("../images/bg02.png") no-repeat right 10% center var(--mcolor);
    background-size: auto 120%;
    min-height: 180px;
}
.under #top_info .inner{
    height: 100%;
    display: flex;
    align-items: center
}
.under #top_info h2{
    font-size: 32px;
    color: #fff;
}
.under #top_info {
    background: url("../images/bg02.png") no-repeat right 10% center var(--mcolor);
    background-size: auto 120%;
    height: 180px;
}
.under #top_info .inner{
    height: 100%;
    padding: 10px 0;
    display: flex;
    align-items: center
}
.under #top_info h2{
    font-size: 32px;
    color: #fff;
}
.under #topic_path{
    background: var(--beige)
}
.under #topic_path ul{
    width: 94%;
    max-width: 1200px;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto
    
}
.under #topic_path ul li:not(:last-child){
    display: flex;
}
.under #topic_path ul li:not(:last-child)::after{
    content:'>';
    display: block;
    margin: 0 5px
}
#totop{
    
}
.btn{
    width: 300px;
    height: 50px;
    margin: 0 auto
}
.btn a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 25px;
    font-size: 16px;
    color: #111;
    text-decoration: none
}
.btn.mcolor a{
    background: var(--mcolor);
    color: #fff;
}
.btn a:hover{
    opacity: 0.8
}
.under #content .list2img{
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}
.under #content .list2img li{
    list-style: none;
    margin: 0 0 0;
    width: calc(50% - 10px)
}
.under #content .list2img li.w100{
    width: 100%
}
/*==========================================================================*/
/*                           block_about                                    */
/*==========================================================================*/
#block_about{
    background: var(--mcolor);
    padding: 100px 0 100px
}
#block_about .flexbox .blocktext .inn{
    text-align: justify
}
#block_about .flexbox{
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    
}
#block_about .flexbox h3{
    position: relative;
    padding-left: 70px;
    margin-left: calc(50% - 600px);
    margin-top: 80px
}
#block_about .flexbox h3 span{
    position: relative;
    color: var(--mcolor);
    font-size: 56px;
    font-weight: 600;
    line-height: 1.4;
    z-index: 3;
    text-shadow: #ffeab9 6px 0px 0px, #ffeab9 5.91686px 0.995377px 0px, #ffeab9 5.66974px 1.96317px 0px, #ffeab9 5.2655px 2.87655px 0px, #ffeab9 4.71532px 3.71022px 0px, #ffeab9 4.03447px 4.44106px 0px, #ffeab9 3.24181px 5.04883px 0px, #ffeab9 2.35931px 5.51667px 0px, #ffeab9 1.41143px 5.83163px 0px, #ffeab9 0.424423px 5.98497px 0px, #ffeab9 -0.574341px 5.97245px 0px, #ffeab9 -1.55719px 5.79441px 0px, #ffeab9 -2.49688px 5.45578px 0px, #ffeab9 -3.36738px 4.96596px 0px, #ffeab9 -4.14455px 4.33852px 0px, #ffeab9 -4.80686px 3.59083px 0px, #ffeab9 -5.33596px 2.74364px 0px, #ffeab9 -5.71718px 1.8204px 0px, #ffeab9 -5.93995px 0.84672px 0px, #ffeab9 -5.99811px -0.150428px 0px, #ffeab9 -5.89004px -1.14341px 0px, #ffeab9 -5.61874px -2.1047px 0px, #ffeab9 -5.19172px -3.00766px 0px, #ffeab9 -4.62082px -3.82727px 0px, #ffeab9 -3.92186px -4.54081px 0px, #ffeab9 -3.11421px -5.12852px 0px, #ffeab9 -2.22026px -5.57409px 0px, #ffeab9 -1.26477px -5.86518px 0px, #ffeab9 -0.274238px -5.99373px 0px, #ffeab9 0.723898px -5.95617px 0px, #ffeab9 1.70197px -5.75355px 0px, #ffeab9 2.63288px -5.39147px 0px, #ffeab9 3.49082px -4.87998px 0px, #ffeab9 4.25202px -4.23324px 0px, #ffeab9 4.89538px -3.46919px 0px, #ffeab9 5.40307px -2.60899px 0px, #ffeab9 5.76102px -1.67649px 0px, #ffeab9 5.95932px -0.697531px 0px;
}
#block_about .flexbox h3:before{
    content: '';
    width: 310px;
    height: 310px;
    background: var(--beige);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}
#block_about .flexbox .blocktext{
    background: var(--beige);
    width: 60%;
    padding: 50px;
    padding-right: calc(50% - 600px);
    border-radius: 50px 0 0 50px;
}
#block_about .flexbox .blocktext .inn{
    position: relative
}
#block_about .flexbox .blocktext .inn::before{
    content: 'About';
    font-family: var(--en);
    color: rgb(255, 255, 255,0.8);
    display: block;
    font-size: 110px;
    position: absolute;
    top: -135px;
    right: 20px;
}
/*==========================================================================*/
/*                           block_about                                    */
/*==========================================================================*/
#block_service{
    background: var(--beige);
    padding: 120px 0;
    position: relative
}
#block_service h3{
    text-align: center; 
    color: var(--mcolor);
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 60px;
}
#block_service::before{
    content: '';
    width: 326px;
    height: 200px;
    display: block;
    background: url("../images/bg01.png") no-repeat 0 0;
    position: absolute;
    top: -50px;
    right: 50px
}
#block_service::after{
    content: '';
    width: 326px;
    height: 200px;
    display: block;
    background: url("../images/bg01.png") no-repeat 0 0;
    position: absolute;
    bottom: -50px;
    left: 50px
}
#block_service .box_service{
    position: relative;
}
#block_service .box_service::before{
    content: '';
    width: 100%;
    height: 6px;
    display: block;
    background: url("../images/dot02.png") repeat-x 0 0;
    position: absolute;
    top: 120px;
    left: 0
}
#block_service .box_service .inner{
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px
}
#block_service .box_service .item{
    width: 260px;
}
#block_service .box_service p{
    display: flex;
    font-size: 16px;
    text-align: center;
    margin-top: 30px
}
#block_service .box_service .circle{
    margin: 0 auto;
    background: var(--mcolor);
    border-radius: 50%;
    width: 240px;
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative
}
#block_service .box_service .circle:before{
    content: '';
    border: 1px solid var(--beige);
    border-radius: 50%;
    width: 230px;
    height: 230px;
    position: absolute;
    left: 5px;
    top: 5px
}
#block_service .box_service .circle span{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-top: 20px;
}
/*==========================================================================*/
/*                               block_why                                  */
/*==========================================================================*/
#block_why{
    padding: 120px 0 240px;
    background: url("../images/index_img02.png") no-repeat right 20% bottom;
}
#block_why .inner{
    
}
#block_why h3{
    text-align: center; 
    color: var(--mcolor);
    font-size: 46px;
    font-weight: bold;
    margin: -5px 0 40px;
    float: right;
}
#block_why .why_list{
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}
#block_why .why_list li{   
    position: relative;
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 30px 10px 20px;
    background: var(--mcolor);
    width: fit-content;
    margin-bottom: 20px;
    color: #fff;
}
#block_why .why_list li .number{
    margin-right: 10px
}
#block_why .why_list li::after{
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 25px 0 25px 22px;
    border-color: transparent transparent transparent var(--mcolor);
    transform: rotate(0deg);
    position: absolute;
    right: -22px;
    top: 0
}
#block_why .btn{
    margin: 30px 0 0 0;
}
#block_why .btn a{
    background: var(--scolor)
}
/*==========================================================================*/
/*                            block_staff                                   */
/*==========================================================================*/
#block_staff{
    margin-top: -50px;
    padding: 0 0 100px;
}
#block_staff .inner{
    
}
#block_staff .list_staff{
    border: 5px solid var(--mcolor);
    position: relative;
    padding: 50px 50px 60px;
    background: url("../images/circle01.png") no-repeat left -95px top -55px, url("../images/circle02.png") no-repeat right -85px top -65px,
    url("../images/circle02.png") no-repeat left -60px bottom -90px, url("../images/circle01.png") no-repeat right -100px bottom -80px;
}
#block_staff h3{
    color: var(--scolor);
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 50px
}
.list_staff dl{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.list_staff dl dt{
    border: 5px solid var(--beige);
    border-radius: 50%;
    width: 180px;
    height: 180px;
    overflow: hidden
}
.list_staff dl dd{
    width: calc(100% - 200px)
}
.list_staff dl dd .ttl{
    color: var(--mcolor);
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid var(--mcolor);
    margin-bottom: 15px;
    display: flex;
    align-items: flex-end;
}
.list_staff dl dd .ttl .sub{
    color: var(--scolor);
    font-size: 22px;
    line-height: 1.8;
    display: flex;
    align-items: center;
}
.list_staff dl dd .ttl .sub span{
    margin: 0 5px
}
/*==========================================================================*/
/*                             block_contact                                */
/*==========================================================================*/
#block_contact{
    background: #FFF5DD
}
.contact_button{
    margin: 0 auto;
    width: 1200px;
    padding: 80px 0;
    background: url("../images/bg02.png") no-repeat right bottom -30px;
    background-size: auto 120%;
    display: flex;
    justify-content: center;
    gap: 30px;
}
.mail_btn{
    width: 300px;
    height: 60px;
}
.mail_btn a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--scolor);
    border-radius: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    
}
.mail_btn a::before{
    content: '';
    background: url("../images/icon_mail_w.png") no-repeat 0 0 / 100%;
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 10px;
}
.tel_btn{
    width: 300px;
    height: 60px;
}
.tel_btn a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--mcolor);
    border-radius: 30px;
    font-size:26px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px
}
.tel_btn a::before{
    content: '';
    background: url("../images/icon_tel_w.png") no-repeat 0 0 / 100%;
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}
/*==========================================================================*/
/*                               footer                                   */
/*==========================================================================*/
footer {
    background: var(--beige);
    padding: 80px 0 0
}
footer p {
  margin-bottom: 0
}
.footer01{
    margin: 0 auto 80px;
    width: 1200px;
    display: flex;
    gap: 50px;
}
.footer01 .ft_left{
    
}
.footer01 .ft_left .logoft{
    width: 360px;
    margin-bottom: 20px;
	max-width: 90%
}
.footer01 .ft_left .add{
    margin-top: 15px;
    background: url("../images/icon_map.png") no-repeat left 5px / 20px;
    padding-left: 30px;
}
.footer01 .ft_left .mail{
    background: url("../images/icon_mail.png") no-repeat left 5px / 20px;
    padding-left: 30px;
}
.footer01 .ft_left .tel{
    background: url("../images/icon_tel.png") no-repeat left 5px / 20px;
    padding-left: 30px;
}
.footer01 .ft_right{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 600px;
}
.footer01 .ft_right .opentime{
    font-weight: bold;
    width: 100%;
    margin-bottom: 20px
}
.footer01 .ft_right .ftlink{
    
}
.footer01 .ft_right .ftlink li{
    margin-bottom: 5px
}
.footer01 .ft_right .ftlink li a{
    text-decoration: none;
    position: relative;
    padding-left: 20px;
    color: #111;
    transition: 0.1s ease
}
.footer01 .ft_right .ftlink li a::before{
    content: '';
    width: 12px;
    height: 1px;
    background: var(--mcolor);
    display: block;
    position: absolute;
    top: 8px;
    left: 0
}
.footer01 .ft_right .ftlink li a:hover{
    text-decoration: underline;
}
address {
  height: 60px;
  background-color: var(--mcolor);
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  text-align: center
}
#totop {
    position: fixed;
    right: 26px;
    bottom: 100px;
    transform: translateX(100px);
    transition: transform 0.3s ;
    width: 60px;
    height: 60px;
    background: var(--scolor);
    cursor: pointer;
}
#totop.show {
  transform: translateX(0)
}
#totop:hover {
  opacity: 0.8
}
.fixed_sp {
    display: none
}
/*==========================================================================*/
/*                               POST                                    */
/*==========================================================================*/
#navi_r{
    width: 280px;
}
.inner.news{
    display: flex;
    justify-content: space-between;
    padding: 50px 0
}
.post-wrapper{
    width: 880px;
}
.post-wrapper .post-items:not(:last-child){
    margin-bottom: 30px;
}
.post-wrapper .post-items{
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    transition: 0.3s ease
}
.post-wrapper .post-items .post-thumbnail{
    width: 280px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center
}
.post-wrapper .post-items .post-thumbnail img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}
.post-wrapper .post-items .col_r{
    width: calc(100% - 300px);
}
.post-meta{
    margin-bottom: 10px;
}
.post-meta span{
    font-size: 14px
}
.post-title{
    margin-bottom: 10px;
    border-left: 3px solid var(--mcolor);
    padding-left: 8px;
}
.post-title a{
    text-decoration: none
}
.post-category a{
    background: var(--scolor);
    color: #fff;
    text-decoration: none;
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 5px;
}
.alldiv{
    cursor: pointer
}
.alldiv:hover{
    opacity: 0.85
}
.post-navigation{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.post-content{
    margin-top: 20px;
}
/*==========================================================================*/
/*                               PAGE                                    */
/*==========================================================================*/
.under header .inner{
    display: flex;
    justify-content: space-between;
    padding: 50px 0
}
.under #content .inner.news{
    display: flex;
    justify-content: space-between;
    padding: 50px 0
}
.under #content .inner{
    display: block;
    padding: 50px 0
}
.under #content ul{
    margin-bottom: 1.5em;
}
.under #content ul li{
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 10px;
}
.under h3{
    font-size: 24px;
    font-weight: bold;
    color: var(--mcolor) ;
    text-align: center;
    margin-bottom: 30px;
}
.under h4{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid var(--mcolor);
    color: var(--mcolor) ;
    margin-bottom: 15px;
    padding: 0 0 10px
}
.under #navi_r .recent-post{
	border: 1px solid var(--mcolor);
	padding: 10px;
}
.under #navi_r .ttl{
	color: #fff;
	background: var(--mcolor);
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	
}
/*==============FIX IE==================*/
@media screen\0 {}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}
/*==============FIX GG==================*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* EFFECT                                                                 */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@-webkit-keyframes mvslideAnime {
  0% {
    -webkit-transform: translate(0px);
    transform: translate(0px);
  }
  100% {
    -webkit-transform: translate(-100px);
    transform: translate(-100px);
  }
}
@keyframes mvslideAnime {
  0% {
    -webkit-transform: translate(0px);
    transform: translate(0px);
  }
  100% {
    -webkit-transform: translate(-100px);
    transform: translate(-100px);
  }
}
@-webkit-keyframes socialspin {
  from {
    -webkit-transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(15px);
  }
}
@keyframes socialspin {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(15px);
  }
}
@-webkit-keyframes leaf {
  from {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-5deg);
  }
}
@keyframes leaf {
  from {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-5deg);
  }
}
@-moz-keyframes scrolltop {
  0% {
    transform: translateY(-80px);
    opacity: 0
  }
  100% {
    transform: translateY(0);
    opacity: 1
  }
}
@keyframes scrolltop {
  0% {
    transform: translateY(-80px);
    opacity: 0
  }
  100% {
    transform: translateY(0);
    opacity: 1
  }
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}