.code-of-conduct-wrapper{font-family:'游ゴシック体','Yu Gothic',YuGothic,sans-serif;background-image:linear-gradient(transparent 95%,rgba(230,230,230,1) 5%),linear-gradient(90deg,transparent 95%,rgba(230,230,230,1) 5%);background-size:10px 10px;background-repeat:repeat;border-top:solid 1px rgba(230,230,230,1);border-bottom:solid 1px rgba(230,230,230,1);text-align:center;padding:30px 0;margin:60px 0;box-sizing:border-box}.code-of-conduct-wrapper p{margin:0}.code-of-conduct-wrapper .codeOfConduct__title{font-family:'southpaw';font-weight:normal;letter-spacing:.3rem;margin-bottom:0}.code-of-conduct-wrapper .text-sub-title{font-family:'southpaw';font-weight:bold;letter-spacing:.3rem;font-size:108px;width:100%;text-align:center;transition:all .4s ease-out;font-size:90px;margin-bottom:1px}.code-of-conduct-wrapper .text-underline:after{content:'';display:block;width:1em;height:1px;border-top:1px solid;position:relative;bottom:.5em;margin:auto;border-color:#c11920}.code-of-conduct-wrapper .text-ruby{font-size:17px;font-weight:normal;position:relative;bottom:1.5em;width:100%;text-align:center;transition:all .4s ease-out}.code-of-conduct-wrapper .codeOfConduct__body{position:relative;box-sizing:border-box;max-width:1000px;width:calc(100% - 140px);margin:auto}.code-of-conduct-wrapper .redbox{background:#c11920;box-sizing:border-box;color:white;display:inline-block;padding:10px 4px 12px;margin:10px;width:300px;max-width:95%}.code-of-conduct-wrapper .redbox__remark{font-size:17px;line-height:1em;margin:0}.code-of-conduct-wrapper .redbox__mainText{margin:0;font-size:35px;line-height:1em;margin-top:8px;font-weight:bold}@media(max-width:740px){.code-of-conduct-wrapper .codeOfConduct__body{width:100%;max-width:600px}}@media(max-width:700px){.code-of-conduct-wrapper .text-sub-title{font-size:45px}.code-of-conduct-wrapper .text-underline:after{width:.8em}.code-of-conduct-wrapper .text-ruby{font-size:14px;bottom:1em}}@media(max-width:680px){.code-of-conduct-wrapper .codeOfConduct__body{width:calc(100% - 80px)}}@media(max-width:640px){.code-of-conduct-wrapper .codeOfConduct__body{width:100%;max-width:560px}}@media(max-width:600px){.code-of-conduct-wrapper .codeOfConduct__body{width:calc(100% - 40px)}}