@media (min-width:560px){section#ph-content main#cont{margin-top:0}}.tl_area .sec-translation,input[name=tab_item]{display:none}.tab_area{display:flex;justify-content:space-around;margin:auto;max-width:1100px;width:100%}#sp .tab_area{flex-wrap:wrap}#sp .tab_item{border-bottom:3px solid #fff;font-size:1.5rem;width:50%}.tab_item{background-color:#e1e1e1;border-bottom:5px solid #ffe100;border-right:3px solid #fff;color:#515151;font-size:1.75rem;font-weight:700;padding:15px 0;text-align:center;width:25%}label[for=ch-jp]{border-right:none!important}#ch-jp:checked~.tl_area .ch-jp,#en-jp:checked~.tl_area .en-jp,#jp-ch:checked~.tl_area .jp-ch,#jp-en:checked~.tl_area .jp-en{display:block}#ch-jp:checked~.tab_area label[for=ch-jp],#en-jp:checked~.tab_area label[for=en-jp],#jp-ch:checked~.tab_area label[for=jp-ch],#jp-en:checked~.tab_area label[for=jp-en]{background-color:#ffe100}.sec-translation{margin-top:50px}.sec-translation .headline{background:#f2f2f2;color:#515151;font-size:1.3rem;font-weight:600;letter-spacing:.04em;line-height:1.2;padding:13px 20px 13px 27px}.translation-box{margin:0 12px;padding:20px 10px}.translation-box+.translation-box{border-top:1px solid #bfbfbf}.translation-box p{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;color:#515151;font-size:1.3rem;-webkit-justify-content:space-between;justify-content:space-between}.translation-box p:before{background:#ffe100;border:1px solid #ffe100;border-radius:50%;box-sizing:border-box;display:block;height:25px;line-height:23px;text-align:center;width:25px}.translation-box p .txt{display:block;letter-spacing:.04em;line-height:1.6;padding-top:3px;width:-webkit-calc(100% - 35px);width:calc(100% - 35px)}.translation-box .original{margin-bottom:6px}.translation-box .original:before{background:#fff}.translation-box .original .txt{font-weight:600}.translation-box .jp:before{content:"日"}.translation-box .jp .txt{text-align:justify}.translation-box .eng:before{content:"英"}.translation-box .chin:before{content:"中"}.translation-box .chin .txt{font-family:Noto Sans SC,sans-serif}.sec-translation{margin:20px auto 40px}.sec-translation .headline{font-size:1.8rem;padding:15px 20px 15px 40px}.translation-box{margin:0;padding:20px 0}.translation-box p{font-size:1.8rem;margin:0;padding-bottom:0}.translation-box p:before{height:35px;line-height:33px;width:35px}.translation-box p .txt{margin:0;padding-top:4px;width:88%;width:-webkit-calc(100% - 50px);width:calc(100% - 50px)}.translation-box .original{margin-bottom:5px}.top-movie{margin-bottom:50px}.top-movie .movie-box{margin:50px auto;position:relative}.top-movie .movie-box:before{content:"";display:block;padding-top:56.25%}.top-movie .movie-box img{display:block;height:auto;width:100%}.top-movie .movie-box .movie-play-btn,.top-movie .movie-box .player,.top-movie .movie-box iframe{bottom:0;left:0;position:absolute;right:0;top:0}.top-movie .movie-box iframe{height:100%;width:100%}.top-movie .movie-box .movie-play-btn{cursor:pointer;z-index:2}.top-movie .movie-box .movie-play-btn:after{background:url(https://22536360.fs1.hubspotusercontent-na2.net/hubfs/22536360/images/product/contents/learning/btn_play.png) no-repeat 50%;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}@media (min-resolution:2dppx),screen and (-webkit-min-device-pixel-ratio:2){.top-movie .movie-box .movie-play-btn:after{background-image:url(https://22536360.fs1.hubspotusercontent-na2.net/hubfs/22536360/images/product/contents/learning/btn_play@2x.png);background-size:63px 63px}}.top-movie .movie-box .player{z-index:1}.top-movie .movie-box{background:#ffe100;margin-bottom:50px;max-width:100%;width:740px}@media screen and (min-width:769px){.top-movie .movie-box .pc-no{display:none!important}.top-movie .movie-box .movie-play-btn{background:url(https://22536360.fs1.hubspotusercontent-na2.net/hubfs/22536360/images/product/contents/learning/btn_play.png) no-repeat 50%;background-size:100% auto;transition:all .3s ease-out;-moz-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out}.top-movie .movie-box .movie-play-btn:hover{bottom:10px;left:10px;right:10px;top:10px}.top-movie .movie-box .movie-play-btn{background:url(https://22536360.fs1.hubspotusercontent-na2.net/hubfs/22536360/images/product/details/translation_list/img01.png) no-repeat 50%}}