@charset "UTF-8";

header{padding: 15px 0;}
header h1{text-align: center;}
header h1 img{width: 205px;}
header h1 a:hover{opacity: 0.6;}

article{overflow: hidden;}

main{background: #a7d7ee;}
.contents_wrap{max-width: 1020px;margin: 0 auto;}
.btn{width: 40%;display: block;position: absolute;top: 24.5%;right: 7.45%;transition: 0.3s all;}
.btn:hover{opacity: 0.6;}

section i{position: absolute;}
#trouble .bk01{right: -460px;top: 145px;}
#trouble .bk02{left: -460px;top: 787px;}
#trouble .bk03{right: -365px;top: 1242px;}

#intestines .bk01{left: -460px;top: 40px;}
#intestines .bk02{right: -420px;top: 586px;}
#intestines .bk03{left: -460px;top: 1025px;}
#intestines .bk04{right: -460px;top: 1585px;}
#intestines .bk05{left: -350px;top: 2368px;}
#intestines .bk06{right: -184px;top: 2482px;}

#bacteria .dog_tail{right: -45px;top: 762px;}
#bacteria .bk01{right: -360px;top: 184px;}
#bacteria .bk02{left: -460px;top: 495px;}
#bacteria .bk03{left: -128px;top: 1402px;}
#bacteria .bk04{right: -460px;top: 1590px;}
#bacteria .bk05{left: -480px;top: 2100px;}
#bacteria .bk06{right: -348px;top: 2593px;}
#bacteria .bk07{left: -330px;top: 3040px;}
#bacteria .bk08{right: -91px;top: 3470px;}
#bacteria .bk09{left: -82px;top: 3774px;}

@media screen and (max-width: 1040px) {
#bacteria .bk03,
#bacteria .bk08,
#bacteria .bk09{display: none;}
}

#quality .bk01{left: -127px;top: 128px;}
#quality .bk02{right: -136px;top: 290px;}
#quality .bk03{left: -480px;top: 526px;}
#quality .bk04{right: -136px;top: 689px;}
#quality .bk05{left: -206px;top: 902px;}
#quality .bk06{right: -59px;top: 1304px;}
#quality .bk07{right: -480px;top: 1672px;}
#quality .bk08{left: -480px;top: 2087px;}
#quality .bk09{right: -172px;top: 2540px;}
#quality .bk10{left: -128px;top: 2989px;}
#quality .bk11{left: -480px;top: 3439px;}
#quality .bk12{right: -277px;top: 3576px;}
#quality .bk13{left: -148px;top: 3596px;}
#quality .bk14{left: -48px;top: 3950px;}
#quality .bk15{right: -52px;top: 3950px;}
#quality .bk16{left: -387px;top: 4314px;}

@media screen and (max-width: 1040px) {
#quality .bk01,
#quality .bk02,
#quality .bk04,
#quality .bk05,
#quality .bk06,
#quality .bk09,
#quality .bk10,
#quality .bk12,
#quality .bk13,
#quality .bk14,
#quality .bk15,
#quality .bk16
{display: none;}
}

#voice .voice_p01{top: 347px;left: -20px;}
#voice .voice_p02{top: 499px;right: -15px;}
#voice .voice_p03{top: 1229px;left: -20px;}
#voice .voice_p04{top: 1473px;right: -15px;}
#voice .voice_p05{top: 2234px;right: -50px;}
#voice .bk01{left: -55px;top: 126px;}
#voice .bk02{right: -173px;top: 142px;}
#voice .bk03{left: -96px;top: 620px;}
#voice .bk04{right: -530px;top: 776px;}
#voice .bk05{left: -367px;top: 1084px;}
#voice .bk06{right: -173px;top: 1242px;}
#voice .bk07{left: -55px;top: 1519px;}
#voice .bk08{right: -394px;top: 1898px;}
#voice .bk09{left: -21px;top: 2138px;}
#voice .bk10{left: -480px;top: 2610px;}
#voice .bk11{right: -171px;top: 3038px;}
#voice .bk12{left: -82px;top: 3227px;}

@media screen and (max-width: 1040px) {
#voice .bk01,
#voice .bk02,
#voice .bk03,
#voice .bk06,
#voice .bk07,
#voice .bk09,
#voice .bk11,
#voice .bk12
{display: none;}
}

footer{background: #a7d7ee;padding-bottom: 50px;}

.fixed{position: fixed;bottom: 0;left: 0; width: 100%;background: #a7d7ee;text-align: center;display: none;}
.fixed a{transition: 0.3s all;}
.fixed a:hover{opacity: 0.6;}