/* ------------------------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500&family=Kiwi+Maru:wght@300;400;500&display=swap');
#top_contact_box .tel_bt {
    background-color: #1965b0!important;
}
#top_contact_box .tel_bt:hover {
     background-color: #6ea7e0!important;
     border: 2px solid #1965b0;
}
h1.logo {
    width: 91%!important;
}
.mini, .top_cms_title p {
    color: #f7bba2;
    font-family: 'Comfortaa', cursive;
}
.top_cms_title p {
    font-weight: bold;
}
.l-gh__scrollnav-pagetop-arr {
    z-index: 1;
}
.l-gh__scrollnav-pagetop-text::after {
    position: relative;
    display: block;
    content: '';
    position: absolute;
    bottom: -33px;
    left: 0;
    right: 0;
   margin: auto;
    width: 31px;
    height: 31px;
    background-color: #d3e9ff;
    border-radius: 50%;
    z-index: -10;
    transition: all .3s;
}
.l-gh__scrollnav-pagetop:hover .l-gh__scrollnav-pagetop-text::after {
    transform: scale(1.4,1.4);
    background-color: #CADAEA;
}
/* ------------------------------------------------------------------------------------------------------ */
#loading_logo {
    max-width: 313px;
  height: 130px;
}

.loadingpng:before, .loadingpng:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50;
    width: 100%;
    height: 200px;
    background-image: url(Dup/img/loading1.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.loadingpng:after {
    background-image: url(Dup/img/loading2.png);  
    animation-delay: 0.2s;
}
.loadingpng.n2:before {
    background-image: url(Dup/img/loading3.png);  
    animation-delay: 0.4s;
}
.loadingpng.n2:after {
    background-image: url(Dup/img/loading4.png);  
    animation-delay: 0.6s;
}
.loadingpng.n3:before {
    background-image: url(Dup/img/loading5.png);
    animation-delay: 0.8s;
}
/* ------------------↓↓↓↓↓↓↓KEYFRAME 使ってない↓↓↓↓↓↓↓↓------------------------*/

.loadingpng:before, .loadingpng:after {
  /*  opacity: 0;*/
  /*  animation: fadein 0.6s ease forwards;*/
}
.loadingpng:before, .loadingpng:after {
   /*animation-name: fadein2;*/
    animation-duration: 1.5s;
   /* animation-timing-function: ease-out;*/
   /* animation-fill-mode: forwards;*/
    z-index: 1;
}
@keyframes fadein2 {
	0% {opacity:0;transform: translateY(0px);}
	100% {opacity:1;transform: translateY(0px);}
}
.loadingpng.n2:before {}
.txt02 {animation-delay: 1.3s;}
/* ------------------------------------------------------------------------------------------------------ */

/* --------------------------------------------------------------------------------- */
.catch {
    z-index: 1;
    max-width: 600px;
    left: 24%;
    top: 10%;
    transform: rotate(355deg);
}
#top_contents2 {
    padding: 130px 0;
    background-image: url(Dup/img/bg3.png), url(Dup/img/bg2.png);
    background-position: right -500px top -300px, left -200px bottom -70px;
    background-repeat: no-repeat;
}
#top_contents2 .con_box .con_img {
    border: 10px solid #fff;
    border-left: 0;
}
#top_contents2 .con_box:nth-child(2) .con_img {
    border: 10px solid #fff;
    border-right: 0;
}
.more {
    margin-top: 40px;
}
.more a {
    border: 2px solid #eeeeee;
   background-color: #eeeeee;
}
.more a:hover {
    border: 2px solid;
    border-left-color: #f7bba2;
    border-bottom-color: #f7bba2;
    border-right-color: #1965b0;
    border-top-color: #1965b0;
    color: #1965b0;
}
.cms_3-b .borderBox {
    border: 1px solid #eee;
    border-radius: 18px;
}
.cms_3-b .box_img1 {
    border-radius: 18px 18px 0 0;
}
#cms_2-a .cate_title {
    position: relative;
    padding: .1em .3em .2em .5em;
    border-left: 6px solid #1965b0;
    border-top: 0;
    display: block;
    border-bottom: 0;
}
#cms_2-a .cate_title::before {
    position: absolute;
    content: '';
    left: -6px;
    bottom: 0;
    width: 6px;
    height: 50%;
    background-color: #f7bba2;
}
#cms_2-a .cate_title::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #f7bba2;
}
.top_cms_box:nth-child(2) {
    background: #fff9ec;
    padding: 51px 20px;
}
.btn_box:nth-child(2) {
    display: none;
}
/**/


@media(max-width: 768px) {
    #fix_menu {

    }
    .catch {
    max-width: 486px;
    left: 24%;
    top: 16%;
}
#top_contents2 {
    background-position: right -681px top -107px, left -200px bottom -70px;
}
}
@media(max-width: 667px) {
    body {
        font-size: 14px;
    }
    #loading_logo {
    height: 56px;
}
    .top_cms_title {
        margin-bottom: 10px;
    }
    .catch {
    max-width: 228px;
    left: 24%;
    top: 28%;
}
#top_contents2 {
    background-position: right -100px top -195px, left -100px bottom -70px;
    background-size: 179%, 131%;
}
}