@charset "utf-8";input[name=switch]{display:none}.tabBtn{display:flex;list-style:none;width:100%;margin:0 0 1px;padding:0;text-align:center;margin-bottom:20px}.tabBtn li{flex-basis:33.3%;//background:#20b2aa}.tabBtn li:not(:last-child){//border-right:1px solid #fff}.tabBtn label{display:block;cursor:pointer;padding:10px 0;//color:#fff;transition:background .3s;font-size:14px}.tabBtn li{position:relative;color:#ccc}.tabBtn li:before{content:"";position:absolute;left:0;right:0;bottom:0;margin:auto;width:0;height:1px;display:block;background:#a6a6a6;z-index:10;transition:all .3s}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){.tabBtn label:hover{color:#333}.tabBtn li:hover:before{width:100%}}@-moz-document url-prefix(){.tabBtn label:hover{color:#333}.tabBtn li:hover:before{width:100%}}@media all and (-ms-high-contrast:none){*::-ms-backdrop,.tabBtn label:hover{color:#333}.tabBtn li:hover:before{width:100%}}_::-webkit-full-page-media,_:future,:root .css_selector{background-color:#a6a6a6}.tabContents section{padding:0;background:#fff}.tabContents h2{margin:0 0 .5em;font-size:18px}.tabContents p{font-size:12px}.tabContents p a{color:#20b2aa}.tabContents figure{float:left;width:30%;min-width:120px;margin:0 1em 0 0}.tabContents figure img{max-width:100%;vertical-align:middle}.tabContents section:after{content:"";display:block;clear:left}.tabContents section{opacity:.1}.tabContents section{transition:opacity .3s}#tab-1:checked~.tabBtn label[for=tab-1],#tab-2:checked~.tabBtn label[for=tab-2],#tab-3:checked~.tabBtn label[for=tab-3],#tab-4:checked~.tabBtn label[for=tab-4],#tab-5:checked~.tabBtn label[for=tab-5]{//background:#cd5c5c;color:#333;border-bottom:solid 1px #a6a6a6}#tab-1:checked~.tabContents #section-1,#tab-2:checked~.tabContents #section-2,#tab-3:checked~.tabContents #section-3,#tab-4:checked~.tabContents #section-4,#tab-5:checked~.tabContents #section-5{opacity:1;//background:#fff}body{//overflow:hidden}.tabContents{display:flex;width:500%;transition:transform .6s;-webkit-transition:-webkit-transform .6s;margin-bottom:30px;-webkit-perspective:500px;perspective:500px}.tabContents section{flex-basis:20%;max-width:20%;opacity:0;transition:opacity .3s}#tab-1:checked~.tabContents{transform:translateX(0);-webkit-transform:translateX(0)}#tab-2:checked~.tabContents{transform:translateX(-20%);-webkit-transform:translateX(-20%)}#tab-3:checked~.tabContents{transform:translateX(-40%);-webkit-transform:translateX(-40%)}#tab-4:checked~.tabContents{transform:translateX(-60%);-webkit-transform:translateX(-60%)}#tab-5:checked~.tabContents{transform:translateX(-80%);-webkit-:translateX(-80%)}