@charset "utf-8";

.container{position:relative;margin:30px auto 120px;padding:0 20px;max-width:970px;height:100vh;}
h1.title{padding-bottom:10px;border-bottom:1px solid #eee;font-size:32px;line-height:35px;}
.list_link{margin-top:20px;}
.list_link .emph{padding:0 4px;box-shadow:inset 0 -13px 0 #f2dbff;}
.list_link li{position:relative;padding-left:10px;font-size:20px;}
.list_link > li:before{content:'';display:block;position:absolute;top:9px;left:0;width:6px;height:6px;background:#ffd800;}
.list_link > li + li{margin-top:10px;}
.list_link .icon_bookmark{position:relative;display:inline-block;margin-left:3px;margin-right:4px;width:12px;height:15px;border-style:solid;border-width:1px 1px 0 1px;border-color:currentColor;border-radius:1px 1px 0 0;background-color:currentColor;color:#ff3939;}
.list_link .icon_bookmark:before{content:'';position:absolute;top:10px;left:1px;width:7px;height:7px;border-top:solid 1px currentColor;border-left:solid 1px currentColor;background-color:#fff;-webkit-transform: rotate(45deg);transform:rotate(45deg);}
.list_link li a{display:inline-block;padding:0 5px;font-size:20px;background-image:linear-gradient(transparent calc(70% - 5px),#ffd800);background-size:0;background-repeat:no-repeat;transition:0.25s ease;}
.list_link li a:hover{background-size:100%;}
.list_link li ul{margin-left:10px;}
.list_link li ul li{font-size:18px;}
.list_link li ul li:before{content:'';display:block;position:absolute;top:8px;left:0;width:5px;height:5px;border-style:solid;border-width:0 0 2px 2px;border-color:#ffde27;}
.list_link li ul li a{font-size: 18px;}

.title_text_area{transition:all ease .3s;}
/*.title_text_area:hover{transform:scale(1.1);}*/
.title_text_area [class^='item']{display:inline-block;font-size:70px;line-height:90px;font-family:Modak;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:7px 7px 0 #d2d2d22e;}
.item1{background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px' viewBox='0 0 400 400'%3e%3cdefs%3e%3cfilter id='filter' width='400px' height='400px' filterUnits='objectBoundingBox' primitiveUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-color='%23f5576c' flood-opacity='1' x='0' y='0' width='250px' height='250px' result='flood3'%3e%3c/feFlood%3e%3cfeFlood flood-color='%23f093fb' flood-opacity='1' x='150px' y='150px' width='250px' height='250px' result='flood4'%3e%3c/feFlood%3e%3cfeGaussianBlur stdDeviation='50 50' x='0%25' y='0%25' width='100%25' height='100%25' in='flood3' edgeMode='none' result='blur1'%3e%3c/feGaussianBlur%3e%3cfeGaussianBlur stdDeviation='50 50' x='0%25' y='0%25' width='100%25' height='100%25' in='flood4' edgeMode='none' result='blur2'%3e%3c/feGaussianBlur%3e%3cfeBlend mode='normal' x='0%25' y='0%25' width='100%25' height='100%25' in='blur2' in2='SourceGraphic' result='blend5'%3e%3c/feBlend%3e%3cfeBlend mode='normal' x='0%25' y='0%25' width='100%25' height='100%25' in='blur1' in2='blend5' result='blend6'%3e%3c/feBlend%3e%3c/filter%3e%3c/defs%3e%3crect width='400' height='400' x='0' y='0' fill='%23fee140' filter='url(%23filter)'%3e%3c/rect%3e%3c/svg%3e");}
.item2{background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px' viewBox='0 0 400 400'%3e%3cdefs%3e%3cfilter id='filter' width='400px' height='400px' filterUnits='objectBoundingBox' primitiveUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-color='%238fd3f4' flood-opacity='1' x='0' y='0' width='250px' height='250px' result='flood3'%3e%3c/feFlood%3e%3cfeFlood flood-color='%2396e6a1' flood-opacity='1' x='150px' y='150px' width='250px' height='250px' result='flood4'%3e%3c/feFlood%3e%3cfeGaussianBlur stdDeviation='50 50' x='0%25' y='0%25' width='100%25' height='100%25' in='flood3' edgeMode='none' result='blur1'%3e%3c/feGaussianBlur%3e%3cfeGaussianBlur stdDeviation='50 50' x='0%25' y='0%25' width='100%25' height='100%25' in='flood4' edgeMode='none' result='blur2'%3e%3c/feGaussianBlur%3e%3cfeBlend mode='normal' x='0%25' y='0%25' width='100%25' height='100%25' in='blur2' in2='SourceGraphic' result='blend5'%3e%3c/feBlend%3e%3cfeBlend mode='normal' x='0%25' y='0%25' width='100%25' height='100%25' in='blur1' in2='blend5' result='blend6'%3e%3c/feBlend%3e%3c/filter%3e%3c/defs%3e%3crect width='400' height='400' x='0' y='0' fill='%23d4fc79' filter='url(%23filter)'%3e%3c/rect%3e%3c/svg%3e");}
.item3{background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px' viewBox='0 0 400 400'%3e%3cdefs%3e%3cfilter id='filter' width='400px' height='400px' filterUnits='objectBoundingBox' primitiveUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-color='%23cd9cf2' flood-opacity='1' x='0' y='0' width='250px' height='250px' result='flood3'%3e%3c/feFlood%3e%3cfeFlood flood-color='%23c2e9fb' flood-opacity='1' x='150px' y='150px' width='250px' height='250px' result='flood4'%3e%3c/feFlood%3e%3cfeGaussianBlur stdDeviation='50 50' x='0%25' y='0%25' width='100%25' height='100%25' in='flood3' edgeMode='none' result='blur1'%3e%3c/feGaussianBlur%3e%3cfeGaussianBlur stdDeviation='50 50' x='0%25' y='0%25' width='100%25' height='100%25' in='flood4' edgeMode='none' result='blur2'%3e%3c/feGaussianBlur%3e%3cfeBlend mode='normal' x='0%25' y='0%25' width='100%25' height='100%25' in='blur2' in2='SourceGraphic' result='blend5'%3e%3c/feBlend%3e%3cfeBlend mode='normal' x='0%25' y='0%25' width='100%25' height='100%25' in='blur1' in2='blend5' result='blend6'%3e%3c/feBlend%3e%3c/filter%3e%3c/defs%3e%3crect width='400' height='400' x='0' y='0' fill='%2366a6ff' filter='url(%23filter)'%3e%3c/rect%3e%3c/svg%3e");}
.item4{background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px' viewBox='0 0 400 400'%3e%3cdefs%3e%3cfilter id='filter' width='400px' height='400px' filterUnits='objectBoundingBox' primitiveUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-color='%230fd850' flood-opacity='1' x='0' y='0' width='250px' height='250px' result='flood3'%3e%3c/feFlood%3e%3cfeFlood flood-color='%2320E2D7' flood-opacity='1' x='80px' y='160px' width='250px' height='250px' result='flood4'%3e%3c/feFlood%3e%3cfeGaussianBlur stdDeviation='50 50' x='0%25' y='0%25' width='100%25' height='100%25' in='flood3' edgeMode='none' result='blur1'%3e%3c/feGaussianBlur%3e%3cfeGaussianBlur stdDeviation='50 50' x='0%25' y='0%25' width='100%25' height='100%25' in='flood4' edgeMode='none' result='blur2'%3e%3c/feGaussianBlur%3e%3cfeBlend mode='normal' x='0%25' y='0%25' width='100%25' height='100%25' in='blur2' in2='SourceGraphic' result='blend5'%3e%3c/feBlend%3e%3cfeBlend mode='normal' x='0%25' y='0%25' width='100%25' height='100%25' in='blur1' in2='blend5' result='blend6'%3e%3c/feBlend%3e%3c/filter%3e%3c/defs%3e%3crect width='400' height='400' x='0' y='0' fill='%23fbed96' filter='url(%23filter)'%3e%3c/rect%3e%3c/svg%3e");}
@media only screen and (min-width:768px){
    .title_text_area [class^='item']{font-size: 150px;line-height:170px;}
}
@media only screen and (min-width:1024px){
    /*.title_text_area [class^='item']{font-size: 220px;line-height:220px;}*/
}

.top_info{position:relative;padding:10px 15px;border:2px solid #4d5c5c;border-radius:5px;}
.top_info li{position:relative;padding-left:10px;}
.top_info li:before{content:'-';display:block;position:absolute;top:0;left:0;}
.top_info li + li{margin-top:8px;}
.link{color:#1c90fb;}
.highlight{display:inline-block;padding:0 5px;box-shadow:inset 0 -10px 0 #fff1a8;}
.heartbeat{font-size:15px;}

/* footer */
.footer_wrap{background:#fce;}
.footer_box{margin:0 auto;padding:30px 20px;max-width:910px;color:#fff;}
.footer_box a{color:#fff;}
/* //footer */


/* animation */
.heartbeat{
    display:inline-block;
    animation-name:heartBeat;
    animation-duration:1s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
}
@keyframes heartBeat{
    0% {
        transform:scale(1);
    }
    40% {
        transform:scale(1.1);
    }
    100%{
        transform:scale(1);
    }
}