html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight:bold;color:#611212;box-sizing:border-box}.animation{opacity:0;transition:1s 0.3s;transform:translateX(-30px)}.animation.animated{opacity:1;transform:translateX(0)}.animation02{opacity:0;transition:1s 0.3s;transform:translateX(-30px) translateY(-50%)}.animation02.animated{opacity:1;transform:translateX(0) translateY(-50%)}header{border-top:5px solid #611212;position:relative}header .logo{position:absolute;z-index:100;width:100%;display:flex;justify-content:space-between;padding-top:5%}header .logo>h1{padding-left:5%}header .logo .logo1{max-width:171px;height:auto}header .logo>div{padding-right:5%}header .logo .logo2{max-width:87px;height:auto}header h2{font-size:43px;position:absolute;z-index:100;color:#fff;line-height:1.333;top:32%;left:5%}header .scroll{position:absolute;z-index:100;color:#fff;transform:rotate(-90deg);font-size:11px;left:-5%;bottom:25%}header .scroll a{color:#fff;text-decoration:none}header .scroll:after{content:"";position:absolute;top:0;bottom:0;margin:auto;left:-22px;width:16px;height:16px;background:url(../img/arrow.png) no-repeat center/cover;transform:rotate(90deg)}header .box{background:#eae1e1;padding:5%;border-bottom:5px solid #611212;font-size:15px}header .box span{font-size:10px;display:block;margin-top:10px}p.title{margin-bottom:20px;font-size:14px}h3{font-size:30px;line-height:1.333;margin-bottom:10px}p.eng{font-size:20px;line-height:1.333;margin-bottom:20px}p.para{font-size:14px;line-height:2}figure{text-align:center}figure img{max-width:65%}.mt20{margin-top:20px}.button{width:100%;height:66px;font-size:18px;display:block;background:#fff;text-align:center;line-height:66px;text-decoration:none}#sec01{padding:20% 5%;background:url(../img/logo3.png) no-repeat bottom right -50px/375px;margin-bottom:40%}#sec02{padding:40% 5% 20%;background:#611212;position:relative}#sec02 p,#sec02 h3{color:#fff}#sec02:after{content:"";position:absolute;width:86.67%;padding-top:57.87%;background:url(../img/pic01.jpg) no-repeat center/cover;top:0;transform:translateY(-50%) translateX(-30px);left:0;z-index:100;opacity:0;transition:1s 0.3s}#sec02.animated:after{opacity:1;transform:translateY(-50%) translateX(0)}#sec02 .button{margin-top:50px}#sec03{padding:20% 5%;background:url(../img/pic03.jpg) no-repeat center/cover}#sec03 ul{list-style-type:disc;line-height:2;font-size:14px;padding-left:30px}#sec04{margin-top:40%;position:relative}#sec04 figure{text-align:right;position:absolute}#sec04 figure img{max-width:86.67%;vertical-align:bottom}#sec04 .box{padding:35% 5% 20%;width:90.67%;background:#b08888}#sec04 .box p:not(.eng),#sec04 .box li,#sec04 .box a{color:#fff;line-height:2}#sec04 .box .eng{color:#fff}#sec04 .box h3{color:#fff}#sec04 .box ul{list-style-type:disc;line-height:2;font-size:14px;padding-left:30px}#sec04 .button{background:#611212;color:#fff;margin:50px 5%;width:90%}figure.picture img{max-width:100%}#sec05{padding:20% 5%}#sec05 figure{padding:20px 0}#sec06{padding:20% 5%;background:#eae1e1}#sec06 .button{background:#611212;color:#fff;margin-top:50px}footer{background:#611212;color:#fff;padding:20% 0 10%}footer .logo4{max-width:199px;margin:0 0 40px}footer .logo5{margin:0 0 50px;max-width:140px}footer small{text-align:center;color:#fff;display:block}