@-webkit-keyframes openModal{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes openModal{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes closeModal{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes closeModal{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}}@-webkit-keyframes kvPager{from{-webkit-transform:scale(0, 1);transform:scale(0, 1)}to{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes kvPager{from{-webkit-transform:scale(0, 1);transform:scale(0, 1)}to{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-webkit-keyframes showFixedBtn{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showFixedBtn{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hideFixedBtn{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes hideFixedBtn{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes topNoticeAreaPC{from{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes topNoticeAreaPC{from{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes topNoticeAreaSP{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}10%{opacity:1}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes topNoticeAreaSP{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}10%{opacity:1}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#f5f5f5;color:#393939;font-family:YakuHanJPs, -apple-system, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif}a{color:#ff574c;text-decoration:none}@media screen and (min-width: 641px), print{a:hover{text-decoration:underline}}img,svg{vertical-align:middle}small{font-size:100%}input[type="text"],textarea{padding:9px 1.5em;border:solid 1px #dcdcdc;background-color:#fff;line-height:1.75em}@media screen and (min-width: 641px), print{input[type="text"],textarea{border-radius:8px;font-size:16px}}@media screen and (max-width: 640px){input[type="text"],textarea{border-radius:4px;font-size:14px}}.page_wrap{overflow:hidden}@media screen and (max-width: 640px){.only_pc{display:none}}@media screen and (min-width: 641px), print{.only_sp{display:none}}.content_wrap,.page_ttl,.nav_tabs .slide_wrap,.users .user_header{margin-left:auto;margin-right:auto}@media screen and (min-width: 641px), print{.content_wrap,.page_ttl,.nav_tabs .slide_wrap,.users .user_header{width:960px}}@media screen and (min-width: 641px) and (max-width: 1000px){.content_wrap,.page_ttl,.nav_tabs .slide_wrap,.users .user_header{width:auto;margin-left:20px;margin-right:20px}}@media screen and (max-width: 640px){.content_wrap,.page_ttl,.nav_tabs .slide_wrap,.users .user_header{margin-left:4.26667%;margin-right:4.26667%}}@media screen and (min-width: 641px), print{.page_ttl{padding:72px 0 56px;font-size:28px}}@media screen and (max-width: 640px){.page_ttl{padding:32px 0;font-size:20px}}.page_ttl_line{margin:0;border:none;border-bottom:solid 1px #dcdcdc}.page_ttl_sub{border-bottom:dotted 1px #b5b5b5}@media screen and (min-width: 641px), print{.page_ttl_sub{margin:70px 0 32px;padding-bottom:15px;font-size:22px}}@media screen and (max-width: 640px){.page_ttl_sub{margin:30px 0 25px;padding-bottom:31px;font-size:16px;line-height:1.6}}.btn,.btn_default,.btn_border,.btn_cancel{display:block;position:relative;text-align:center;font-size:16px}.btn:hover,.btn_default:hover,.btn_border:hover,.btn_cancel:hover{text-decoration:none}@media screen and (min-width: 641px), print{.btn,.btn_default,.btn_border,.btn_cancel{line-height:46px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}}@media screen and (max-width: 640px){.btn,.btn_default,.btn_border,.btn_cancel{line-height:50px}}.btn_default{border:solid 1px transparent;background-color:#ff574c;color:#fff}@media screen and (min-width: 641px), print{.btn_default:hover{border-color:#ff574c;background-color:#fff;color:#ff574c}}.btn_border{border:solid 1px #ff574c;background-color:#fff;color:#ff574c}@media screen and (min-width: 641px), print{.btn_border:hover{border-color:transparent;background-color:#ff574c;color:#fff}}.btn_cancel{border:solid 1px transparent;background-color:#393939;color:#fff}@media screen and (min-width: 641px), print{.btn_cancel:hover{border-color:#393939;background-color:#fff;color:#393939}}.btn_wrap{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 641px), print{.btn_wrap{width:504px}}@media screen and (max-width: 640px){.btn_wrap{width:100%}}.btn_wrap button{outline:none;padding:0;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 641px), print{.btn_wrap button{width:240px;cursor:pointer}}@media screen and (max-width: 640px){.btn_wrap button{width:46.64723%}}.btn_wrap.single_btn{display:block}@media screen and (min-width: 641px), print{.btn_wrap.single_btn{width:240px}}@media screen and (max-width: 640px){.btn_wrap.single_btn{width:100%}.btn_wrap.single_btn button{width:100%}}.btn_wrap.external_icon span{position:relative;padding-right:20px}.btn_wrap.external_icon span:before,.btn_wrap.external_icon span:after{content:'';position:absolute;top:0;bottom:0;right:0;margin:auto;background-repeat:no-repeat;background-size:contain;width:12px;height:12px;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.btn_wrap.external_icon span:before{background-image:url(../images/icon_external.png)}.btn_wrap.external_icon span:after{opacity:0;background-image:url(../images/icon_external_ov.png)}.btn_wrap.external_icon button:hover span:before,.btn_wrap.external_icon a:hover span:before{opacity:0}.btn_wrap.external_icon button:hover span:after,.btn_wrap.external_icon a:hover span:after{opacity:1}@media screen and (min-width: 641px), print{.fixed .btn_wrap{position:fixed;left:0;right:0;bottom:0;z-index:4;width:552px;margin:0 auto;padding:16px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px 8px 0 0;background-color:#fff}}@media screen and (min-width: 641px), print{.fixed.show .btn_wrap{-webkit-animation:showFixedBtn 0.4s ease-out;animation:showFixedBtn 0.4s ease-out}}@media screen and (min-width: 641px), print{.fixed.hide .btn_wrap{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-animation:hideFixedBtn 0.4s ease-out;animation:hideFixedBtn 0.4s ease-out}}.btn_wrap_sp{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;left:0;bottom:0;z-index:4;height:48px;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 0.4s ease-out;transition:-webkit-transform 0.4s ease-out;transition:transform 0.4s ease-out;transition:transform 0.4s ease-out, -webkit-transform 0.4s ease-out}@media screen and (min-width: 641px), print{.btn_wrap_sp{display:none}}.fixed .btn_wrap_sp{-webkit-transform:translateY(0);transform:translateY(0)}.fixed.show .btn_wrap_sp{-webkit-animation:showFixedBtn 0.4s ease-out;animation:showFixedBtn 0.4s ease-out;-webkit-transition:none;transition:none}.fixed.hide .btn_wrap_sp{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-animation:hideFixedBtn 0.4s ease-out;animation:hideFixedBtn 0.4s ease-out;-webkit-transition:none;transition:none}.btn_wrap_sp .close_btn{position:relative;z-index:1;width:24px;background:url(../images/sp_arrow_left_white.png) no-repeat 47.36842% 50% #ff1e17;background-size:5px 8px;text-indent:-9999px;cursor:pointer}.btn_wrap_sp .btn_group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)}.btn_wrap_sp .btn_group button{width:120px;margin:0 0 0 16px}.btn_wrap_sp.close .close_btn{background-image:url(../images/sp_arrow_right_white.png);background-position:52.63158% 50%}.btn_wrap_sp.close .btn_group{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pager{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pager a{color:#393939}.pager a:hover{text-decoration:none}@media screen and (min-width: 641px), print{.pager a:hover{opacity:0.6}}.pager .pager_list{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:solid 1px #dcdcdc;border-right:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc}.pager .pager_list li{border-left:solid 1px #dcdcdc;background-color:#fff;font-size:14px;text-align:center}.pager .pager_list li a{display:block}.pager .pager_list li.current a{background-color:#ececec;pointer-events:none}@media screen and (min-width: 641px), print{.pager .pager_list li{width:38px;line-height:38px}}@media screen and (max-width: 640px){.pager .pager_list li{width:30px;line-height:30px}}.pager .prev a,.pager .next a{display:block;text-align:center}@media screen and (min-width: 641px), print{.pager .prev a,.pager .next a{width:39px;line-height:40px}}@media screen and (max-width: 640px){.pager .prev a,.pager .next a{width:29px;line-height:30px}}.editing_window{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #dcdcdc;border-right:none;background-color:#fff;cursor:pointer;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)}@media screen and (min-width: 641px), print{.editing_window{top:116px;right:0;width:344px;padding:8px 10px 8px 9px;border-radius:8px 0 0 8px;-webkit-transform:translateX(209px);transform:translateX(209px)}.editing_window.open{-webkit-transform:translateX(0);transform:translateX(0)}}@media screen and (max-width: 640px){.editing_window{top:64px;left:100%;width:85.6%;max-width:321px;padding:7px 10px 7px 5px;border-radius:4px 0 0 4px;-webkit-transform:translateX(-93px);transform:translateX(-93px)}.editing_window.open{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media screen and (min-width: 641px), print{.editing_window dt{width:1em;margin-right:9px;font-size:12px;line-height:1.2em}}@media screen and (max-width: 640px){.editing_window dt{width:1em;margin-right:5px;font-size:10px;line-height:1.2em;-webkit-transform:scale(0.9);transform:scale(0.9)}}.editing_window dd{display:table}.editing_window dd .edit_thumb,.editing_window dd .edit_detail{display:table-cell;vertical-align:middle}.editing_window dd .edit_thumb span{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}@media screen and (min-width: 641px), print{.editing_window dd .edit_thumb{width:96px;height:54px}}@media screen and (max-width: 640px){.editing_window dd .edit_thumb{width:64px;height:36px}}@media screen and (min-width: 641px), print{.editing_window dd .edit_detail{padding-left:16px;font-size:12px;font-weight:bold;line-height:1.5}}@media screen and (max-width: 640px){.editing_window dd .edit_detail{padding-left:8px;font-size:10px;font-weight:bold;line-height:1.6}}.title_wrap{border-bottom:dotted 1px #b5b5b5}@media screen and (min-width: 641px), print{.title_wrap{padding-bottom:30px;margin-bottom:30px}}@media screen and (max-width: 640px){.title_wrap{padding-bottom:25px;margin-bottom:25px}}@media screen and (min-width: 641px), print{.title_wrap h3{font-size:22px;margin-bottom:20px}}@media screen and (max-width: 640px){.title_wrap h3{font-size:16px;margin-bottom:20px}}@media screen and (min-width: 641px), print{.title_wrap .title_desc{font-size:16px;line-height:1.75em}}@media screen and (max-width: 640px){.title_wrap .title_desc{font-size:14px;line-height:1.57em}}.circle_graph{position:relative}.circle_graph svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);vertical-align:middle}.circle_graph svg circle{fill:transparent}.circle_graph svg .circle_base{fill:#fff;stroke:#f5f5f5}.circle_graph svg .circle_under{stroke:#1ec39a}.circle_graph svg .circle_under.over{stroke:#ff574c;-webkit-transition:stroke 0.1s ease-in;transition:stroke 0.1s ease-in}.circle_graph svg .circle_over{stroke:#ff1e17}.circle_graph .rate_val{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:50%;text-align:center;white-space:nowrap;-webkit-transition:color 0.1s ease-out;transition:color 0.1s ease-out}.circle_graph .rate_val.over{color:#ff574c}.caution_lead{background-color:#fff;border:solid 1px #dcdcdc}header{position:relative;border-top:solid 4px #000;border-bottom:solid 1px #dcdcdc}header:before,header:after{content:" ";display:table}header:after{clear:both}header .content_wrap,header .page_ttl,header .nav_tabs .slide_wrap,.nav_tabs header .slide_wrap,header .users .user_header,.users header .user_header{position:relative}header h1{float:left;font-size:10px}header h1 a{display:block}@media screen and (min-width: 641px), print{header h1{padding:21px 0}header h1 a{padding-right:32px;background:url(../images/h_arrow.png) no-repeat 100% 50%}header h1 img{width:128px;height:22px}}@media screen and (max-width: 640px){header h1{padding:14px 0}header h1 a{padding-right:24px;background:url(../images/sp_h_arrow.png) no-repeat 100% 50%;background-size:8px 5px}header h1 img{width:108px;height:18px}}header .h_link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:right}@media screen and (min-width: 641px), print{header .h_link{height:36px;padding-top:14px}}@media screen and (max-width: 640px){header .h_link{height:32px;padding-top:7px}}@media screen and (min-width: 641px), print{header .h_link li{font-size:14px}}@media screen and (max-width: 640px){header .h_link li{font-size:12px}}header .h_link li.search{position:relative;width:20px;-webkit-transition:width 0.3s ease-out;transition:width 0.3s ease-out}@media screen and (max-width: 640px){header .h_link li.search{display:none}}header .h_link li.search a{display:block;position:absolute;top:0;left:0;bottom:0;width:20px;height:20px;margin:auto 0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;background:url(../images/icon_search.svg) no-repeat 50% 50%;text-indent:-9999px;background-size:contain}header .h_link li.search .search_box{width:0;overflow:hidden}header .h_link li.search .search_box input{width:100%;padding:3px 1.5em 3px 39px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;background-color:transparent;font-size:14px;outline:none}header .h_link li.search.open{width:200px}header .h_link li.search.open a{position:absolute;left:16px;width:16px;height:16px}header .h_link li.search.open .search_box{width:100%}header .h_link li.login a{color:#393939}@media screen and (min-width: 641px), print{header .h_link li.login{padding:1px 17px 1px 26px}}@media screen and (max-width: 640px){header .h_link li.login{padding:5px 12px 4px 0}}header .h_link li.register{border-left:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{header .h_link li.register{padding:1px 0 1px 17px}}@media screen and (max-width: 640px){header .h_link li.register{padding:5px 0 4px 12px}}header .h_link li.admin a{display:block;position:relative;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}header .h_link li.admin.new a:before{content:"";display:block;position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;background-color:#ff574c}@media screen and (min-width: 641px), print{header .h_link li.admin{margin-left:26px}header .h_link li.admin a{width:36px;height:36px}}@media screen and (max-width: 640px){header .h_link li.admin a{width:32px;height:32px}}header .login_menu{position:absolute;top:0;z-index:10}@media screen and (min-width: 641px), print{header .login_menu{display:none;right:0;width:256px}}@media screen and (max-width: 640px){header .login_menu{right:-4.66472%;width:81.63265%;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transform:translateX(100%);transform:translateX(100%)}header .login_menu.open{-webkit-transform:translateX(0);transform:translateX(0)}}header .login_menu .user_info{position:relative}@media screen and (min-width: 641px), print{header .login_menu .user_info{padding:14px 16px;background-color:#000}}@media screen and (max-width: 640px){header .login_menu .user_info{padding:7.5px 5.71429%;background-color:#000}}header .login_menu .user_info>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .login_menu .user_info>a:hover{text-decoration:none}header .login_menu .user_info>a:hover .user_name{opacity:0.6}header .login_menu .user_info .user_icon{position:relative;background-repeat:no-repeat;background-size:cover}header .login_menu .user_info .user_icon.new:before{content:"";display:block;position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;background-color:#ff574c}@media screen and (min-width: 641px), print{header .login_menu .user_info .user_icon{width:36px;height:36px}}@media screen and (max-width: 640px){header .login_menu .user_info .user_icon{width:32px;height:32px}}header .login_menu .user_info .user_name{color:#fff;font-size:14px}@media screen and (min-width: 641px), print{header .login_menu .user_info .user_name{padding-left:16px}}@media screen and (max-width: 640px){header .login_menu .user_info .user_name{padding-left:13px}}header .login_menu .user_info .user_close{position:absolute;top:0;right:0;bottom:0;margin:auto 0;cursor:pointer}@media screen and (min-width: 641px), print{header .login_menu .user_info .user_close{width:42px;height:42px;background:url(../images/h_user_arrow.png) no-repeat 50% 50%}header .login_menu .user_info .user_close:hover{opacity:0.6}}@media screen and (max-width: 640px){header .login_menu .user_info .user_close{width:14.28571%;height:40px;background:url(../images/sp_arrow_right_white.png) no-repeat 50% 50%;background-size:5px 8px}}header .login_menu .login_nav{border:solid 1px #dcdcdc;background-color:#f5f5f5}@media screen and (min-width: 641px), print{header .login_menu .login_nav{padding:0 16px}}@media screen and (max-width: 640px){header .login_menu .login_nav{padding:0 5.71429%}}header .login_menu .login_nav li{position:relative;border-bottom:dotted 1px #b5b5b5}header .login_menu .login_nav li:last-child{border-bottom:none}header .login_menu .login_nav li a{display:block;color:#393939;font-size:14px}@media screen and (min-width: 641px), print{header .login_menu .login_nav li a{padding:17px 0 16px}header .login_menu .login_nav li a:hover{text-decoration:none;opacity:0.6}}@media screen and (max-width: 640px){header .login_menu .login_nav li a{padding:19px 0 18px}}header .login_menu .login_nav li.new a:after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#ff574c;vertical-align:top}@media screen and (min-width: 641px), print{header .login_menu .login_nav li.new a:after{margin-left:3px}}@media screen and (max-width: 640px){header .login_menu .login_nav li.new a:after{margin-left:4px}}header .login_menu .login_nav li .new_total{position:absolute;right:0}header .login_menu .login_nav li .new_total .num{color:#ff574c}header .h_nav{display:none;position:absolute;top:0;left:0;right:0;z-index:10;background-color:#000}header .h_nav .h_nav_ttl{display:inline-block;font-size:10px;cursor:pointer}@media screen and (min-width: 641px), print{header .h_nav .h_nav_ttl{margin:21px 0;padding-right:32px;background:url(../images/h_arrow_ov.png) no-repeat 100% 50%}header .h_nav .h_nav_ttl img{width:128px;height:22px}}@media screen and (max-width: 640px){header .h_nav .h_nav_ttl{margin:14px 0;padding-right:24px;background:url(../images/sp_h_arrow_ov.png) no-repeat 100% 50%;background-size:8px 5px}header .h_nav .h_nav_ttl img{width:108px;height:18px}}header .h_nav nav{border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{header .h_nav nav{height:48px;background-color:#fff}}@media screen and (max-width: 640px){header .h_nav nav{background-color:#f5f5f5}}header .h_nav nav .g_nav{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 641px), print{header .h_nav nav .g_nav{padding-top:15px}}@media screen and (max-width: 640px){header .h_nav nav .g_nav{-ms-flex-wrap:wrap;flex-wrap:wrap}}header .h_nav nav .g_nav li{-webkit-box-sizing:border-box;box-sizing:border-box}header .h_nav nav .g_nav li a{display:block;color:#393939;font-size:14px}header .h_nav nav .g_nav li a:hover{text-decoration:none;opacity:0.6}@media screen and (min-width: 641px), print{header .h_nav nav .g_nav li{border-right:dotted 1px #b5b5b5}header .h_nav nav .g_nav li:first-child{border-left:dotted 1px #b5b5b5}header .h_nav nav .g_nav li a{padding:0 24px;line-height:1.28571}}@media screen and (max-width: 640px){header .h_nav nav .g_nav li{position:relative;width:50%;border-bottom:solid 1px #dcdcdc}header .h_nav nav .g_nav li.top{width:100%}header .h_nav nav .g_nav li.top a{padding:0 6.99708%;text-align:left}header .h_nav nav .g_nav li:nth-child(2n+3):before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;width:0;height:59.32203%;margin:auto 0;border-left:dotted 1px #b5b5b5}header .h_nav nav .g_nav li a{line-height:4.21429;text-align:center}}header .h_nav nav .search_box{position:relative;padding:18px 0;border-bottom:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{header .h_nav nav .search_box{display:none}}header .h_nav nav .search_box input{width:100%;padding-left:43px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}header .h_nav nav .search_box button{display:block;position:absolute;top:0;left:16px;bottom:0;width:16px;height:16px;margin:auto 0;border:none;background:url(../images/icon_search.svg) no-repeat 50% 50%;background-size:contain}header .h_nav nav .sns_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:62.93333%;margin:0 auto;padding:18px 0}@media screen and (min-width: 641px), print{header .h_nav nav .sns_btn{display:none}}header .h_nav nav .sns_btn li{width:44px}header .h_nav nav .sns_btn li img{width:100%;height:auto}header .h_nav nav .sns_btn li.copy_btn{position:relative}header .h_nav nav .sns_btn li.copy_btn .copy_link{display:none;position:absolute;top:-30px;width:110px;margin:0 auto;background:#ececec;border-radius:4px;font-size:10px;font-weight:normal;line-height:2em;text-align:center;-webkit-animation:fadeInUp 0.4s ease-out;animation:fadeInUp 0.4s ease-out}header .h_nav nav .sns_btn li.copy_btn .copy_link.hide{-webkit-animation:fadeOutUp 0.4s ease-out forwards;animation:fadeOutUp 0.4s ease-out forwards}header .h_nav nav .sns_btn li.copy_btn .copy_link:before{content:"";position:absolute;left:0;right:0;bottom:-10px;width:0;margin:0 auto;border:solid 5px #ececec;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent}@media screen and (min-width: 641px), print{header .h_nav nav .sns_btn li.copy_btn .copy_link{left:-39px}}@media screen and (max-width: 640px){header .h_nav nav .sns_btn li.copy_btn .copy_link{left:-33px}}footer .to_top{position:fixed;right:0;bottom:0;z-index:1}footer .to_top a{display:block;text-indent:-9999px}@media screen and (min-width: 641px), print{footer .to_top a{width:40px;height:40px;background:url(../images/btn_top.png) no-repeat 50% 0}footer .to_top a:hover{background-position:50% 100%}}@media screen and (max-width: 640px){footer .to_top a{width:32px;height:32px;background:url(../images/sp_btn_top.png) no-repeat 50% 0;background-size:100% 200%}footer .to_top a:active{background-position:50% 100%}}footer .f_cat_area{background-color:#fff}@media screen and (min-width: 641px), print{footer .f_cat_area{padding:32px 0}}@media screen and (max-width: 640px){footer .f_cat_area{padding:32px 0 18px}}@media screen and (min-width: 641px), print{footer .f_cat_area .content_wrap,footer .f_cat_area .page_ttl,footer .f_cat_area .nav_tabs .slide_wrap,.nav_tabs footer .f_cat_area .slide_wrap,footer .f_cat_area .users .user_header,.users footer .f_cat_area .user_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 640px){footer .f_cat_area .content_wrap,footer .f_cat_area .page_ttl,footer .f_cat_area .nav_tabs .slide_wrap,.nav_tabs footer .f_cat_area .slide_wrap,footer .f_cat_area .users .user_header,.users footer .f_cat_area .user_header{margin:0 6.4%}}footer .f_cat_area .col_sns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 641px), print{footer .f_cat_area .col_sns{width:20.83333%}footer .f_cat_area .col_sns li img,footer .f_cat_area .col_sns li svg{width:32px;height:32px}footer .f_cat_area .col_sns li svg:hover .cls_tw_1,footer .f_cat_area .col_sns li svg:hover .cls_fb_1,footer .f_cat_area .col_sns li svg:hover .cls_line_1,footer .f_cat_area .col_sns li svg:hover .cls_copy_1{fill:#fff}footer .f_cat_area .col_sns li svg:hover .cls_tw_2{fill:#1da1f2}footer .f_cat_area .col_sns li svg:hover .cls_fb_2{fill:#2a5b9f}footer .f_cat_area .col_sns li svg:hover .cls_line_2{fill:#00c300}footer .f_cat_area .col_sns li svg:hover .cls_copy_2{fill:#555}}@media screen and (max-width: 640px){footer .f_cat_area .col_sns{width:72.17125%;min-width:236px;margin:0 auto 32px}footer .f_cat_area .col_sns li img,footer .f_cat_area .col_sns li svg{width:44px;height:44px}}footer .f_cat_area .col_sns li.copy_btn{position:relative}footer .f_cat_area .col_sns li.copy_btn .copy_link{display:none;position:absolute;top:-30px;width:110px;margin:0 auto;background:#ececec;border-radius:4px;font-size:10px;font-weight:normal;line-height:2em;text-align:center;-webkit-animation:fadeInUp 0.4s ease-out;animation:fadeInUp 0.4s ease-out}footer .f_cat_area .col_sns li.copy_btn .copy_link.hide{-webkit-animation:fadeOutUp 0.4s ease-out forwards;animation:fadeOutUp 0.4s ease-out forwards}footer .f_cat_area .col_sns li.copy_btn .copy_link:before{content:"";position:absolute;left:0;right:0;bottom:-10px;width:0;margin:0 auto;border:solid 5px #ececec;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent}@media screen and (min-width: 641px), print{footer .f_cat_area .col_sns li.copy_btn .copy_link{left:-39px}}@media screen and (max-width: 640px){footer .f_cat_area .col_sns li.copy_btn .copy_link{left:-33px}}@media screen and (min-width: 641px), print{footer .f_cat_area .col_cat{position:relative;width:75%}footer .f_cat_area .col_cat:before{content:"";display:block;position:absolute;top:0;right:-1px;bottom:0;width:1px;height:100%;background-color:#dcdcdc}}footer .f_cat_area .col_cat h6{margin-bottom:1em;font-size:14px}footer .f_cat_area .col_cat .cat_list{font-size:0}footer .f_cat_area .col_cat .cat_list li{display:inline-block}footer .f_cat_area .col_cat .cat_list li a{color:#888}@media screen and (min-width: 641px), print{footer .f_cat_area .col_cat .cat_list li{margin-right:2em;font-size:11px;line-height:2.27273em}}@media screen and (max-width: 640px){footer .f_cat_area .col_cat .cat_list li{width:50%;padding:.66667em 0;font-size:12px;line-height:2em}}@media screen and (max-width: 374px){footer .f_cat_area .col_cat .cat_list li{font-size:3.2vw}}@media screen and (min-width: 641px), print{footer .f_nav_area{padding:23px 0 24px}footer .f_nav_area:before,footer .f_nav_area:after{content:" ";display:table}footer .f_nav_area:after{clear:both}}footer .f_nav{font-size:0}footer .f_nav li{display:inline-block}footer .f_nav li a{color:#393939}@media screen and (min-width: 641px), print{footer .f_nav{float:left;margin-bottom:24px}footer .f_nav.f_nav_first{position:relative;margin-right:40px;padding-right:18px}footer .f_nav.f_nav_first:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;width:1px;height:6px;margin:auto 0;background-color:#dcdcdc}footer .f_nav li{margin-right:2em;font-size:11px;line-height:1.4em}}@media screen and (max-width: 640px){footer .f_nav{width:95.33528%;margin:0 auto;padding-bottom:23px}footer .f_nav.f_nav_first{padding-bottom:0}footer .f_nav li{margin:25px 1.5em 0 0;font-size:12px}footer .f_nav li:last-child{margin-right:0}}footer .copyright{color:#888;font-size:10px}@media screen and (min-width: 641px), print{footer .copyright{clear:both}}@media screen and (max-width: 640px){footer .copyright{margin:0 -4.66472%;border-top:solid 1px #dcdcdc;line-height:40px;text-align:center}}@media screen and (min-width: 641px), print{.projects_list_wrap{position:relative;padding-bottom:40px}}@media screen and (max-width: 640px){.projects_list_wrap{position:relative;padding-bottom:20px}}@media screen and (min-width: 641px), print{.projects_list_wrap h3{margin-bottom:40px}}@media screen and (max-width: 640px){.projects_list_wrap h3{margin:32px 0;padding:0 100px 0 0;border-bottom:none}}.projects_list_wrap .view_all{position:absolute;right:0;background-color:#fff}.projects_list_wrap .view_all a{display:block;border:solid 1px #393939;color:#393939}@media screen and (min-width: 641px), print{.projects_list_wrap .view_all{top:-3px;font-size:13px}.projects_list_wrap .view_all a{background:url(../images/icon_view_all.png) no-repeat 89.58333% 50%;padding:0 21px 0 12px;line-height:26px}.projects_list_wrap .view_all a:hover{text-decoration:none;opacity:0.6}}@media screen and (max-width: 640px){.projects_list_wrap .view_all{top:3px;font-size:12px}.projects_list_wrap .view_all a{padding:0 24px 0 14px;background:url(../images/sp_icon_view_all.png) no-repeat 87.36842% 50%;background-size:5px 8px;line-height:30px}}@media screen and (min-width: 641px), print{.projects_list_wrap .pager{margin-bottom:40px;padding-top:8px}}@media screen and (max-width: 640px){.projects_list_wrap .pager{margin-bottom:20px;padding-top:20px}}.projects_list,.fanclub_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto;margin-right:auto}@media screen and (min-width: 641px) and (max-width: 1000px){.projects_list,.fanclub_list{width:716px}}@media screen and (min-width: 641px) and (max-width: 1000px) and (max-width: 756px){.projects_list,.fanclub_list{width:472px}}@media screen and (max-width: 640px){.projects_list,.fanclub_list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.projects_list li,.fanclub_list li{position:relative;overflow:hidden;background-color:#fff}@media screen and (min-width: 641px), print{.projects_list li,.fanclub_list li{width:228px;margin-left:16px;margin-bottom:40px;padding-bottom:117px;border-radius:4px}.projects_list li:nth-child(4n+1),.fanclub_list li:nth-child(4n+1){margin-left:0}.projects_list li .excerpt,.fanclub_list li .excerpt{padding:0 16px}.projects_list li .excerpt a:hover,.fanclub_list li .excerpt a:hover{text-decoration:none;opacity:0.6}}@media screen and (min-width: 641px) and (max-width: 1000px){.projects_list li:nth-child(4n+1),.fanclub_list li:nth-child(4n+1){margin-left:16px}.projects_list li:nth-child(3n+1),.fanclub_list li:nth-child(3n+1){margin-left:0}}@media screen and (min-width: 641px) and (max-width: 1000px) and (max-width: 756px){.projects_list li:nth-child(3n+1),.fanclub_list li:nth-child(3n+1){margin-left:16px}.projects_list li:nth-child(odd),.fanclub_list li:nth-child(odd){margin-left:0}}@media screen and (max-width: 640px){.projects_list li,.fanclub_list li{width:47.81341%;margin-bottom:20px;padding-bottom:78px;border-radius:2px}.projects_list li .excerpt,.fanclub_list li .excerpt{padding:0 7.31707%}}.projects_list .new,.fanclub_list .new{position:absolute;top:0;left:0;z-index:1;width:40px;background-color:#ff574c;color:#fff;font-size:12px;text-align:center}@media screen and (min-width: 641px), print{.projects_list .new,.fanclub_list .new{line-height:20px}}@media screen and (max-width: 640px){.projects_list .new,.fanclub_list .new{line-height:18px}}.projects_list .thumbnail,.fanclub_list .thumbnail{overflow:hidden;background-color:#ccc}@media screen and (min-width: 641px), print{.projects_list .thumbnail,.fanclub_list .thumbnail{height:128px;margin-bottom:11px}.projects_list .thumbnail:hover img,.fanclub_list .thumbnail:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}}@media screen and (max-width: 640px){.projects_list .thumbnail,.fanclub_list .thumbnail{height:24vw;margin-bottom:9px}}.projects_list .thumbnail img,.fanclub_list .thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}.projects_list .project_ttl a,.fanclub_list .project_ttl a{color:#393939}@media screen and (min-width: 641px), print{.projects_list .project_ttl,.fanclub_list .project_ttl{margin-bottom:11px;font-size:14px;line-height:1.71429}}@media screen and (max-width: 640px){.projects_list .project_ttl,.fanclub_list .project_ttl{margin-bottom:9px;font-size:10px;line-height:1.6}}.projects_list .project_data,.fanclub_list .project_data{position:absolute}@media screen and (min-width: 641px), print{.projects_list .project_data,.fanclub_list .project_data{left:16px;right:16px;bottom:15px}}@media screen and (max-width: 640px){.projects_list .project_data,.fanclub_list .project_data{left:7.31707%;right:7.31707%;bottom:12px}}.projects_list .project_meta:before,.fanclub_list .project_meta:before,.projects_list .project_meta:after,.fanclub_list .project_meta:after{content:" ";display:table}.projects_list .project_meta:after,.fanclub_list .project_meta:after{clear:both}.projects_list .project_meta a,.fanclub_list .project_meta a{color:#888}.projects_list .project_meta .project_tag,.fanclub_list .project_meta .project_tag,.projects_list .project_meta .project_user,.fanclub_list .project_meta .project_user{max-width:50%;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects_list .project_meta .project_tag,.fanclub_list .project_meta .project_tag{float:left}.projects_list .project_meta .project_user,.fanclub_list .project_meta .project_user{float:right}@media screen and (min-width: 641px), print{.projects_list .project_meta,.fanclub_list .project_meta{margin-bottom:16px}}@media screen and (max-width: 640px){.projects_list .project_meta,.fanclub_list .project_meta{margin-bottom:12px}}.projects_list .project_funding,.fanclub_list .project_funding{position:relative}.projects_list .project_funding .status,.fanclub_list .project_funding .status{padding-top:4px}@media screen and (max-width: 640px){.projects_list .project_funding .status,.fanclub_list .project_funding .status{font-size:0}}.projects_list .project_funding .status p,.fanclub_list .project_funding .status p{margin-bottom:8px;font-size:10px;font-weight:bold}.projects_list .project_funding .status p:before,.fanclub_list .project_funding .status p:before{content:"";display:inline-block;background-repeat:no-repeat;background-size:contain}@media screen and (min-width: 641px), print{.projects_list .project_funding .status p:before,.fanclub_list .project_funding .status p:before{width:14px;height:16px;margin-right:9px;vertical-align:-25%}.projects_list .project_funding .status p .value,.fanclub_list .project_funding .status p .value{font-size:12px}}@media screen and (max-width: 640px){.projects_list .project_funding .status p,.fanclub_list .project_funding .status p{display:inline-block}.projects_list .project_funding .status p.price,.fanclub_list .project_funding .status p.price{display:block}.projects_list .project_funding .status p:before,.fanclub_list .project_funding .status p:before{width:10px;height:12px;vertical-align:-15%}.projects_list .project_funding .status p .value,.fanclub_list .project_funding .status p .value{display:inline-block;-webkit-transform-origin:20px 100%;transform-origin:20px 100%;-webkit-transform:scale(.9);transform:scale(.9)}.projects_list .project_funding .status p .unit,.fanclub_list .project_funding .status p .unit{display:inline-block;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.6);transform:scale(.6)}}.projects_list .project_funding .status .remaining_time:before,.fanclub_list .project_funding .status .remaining_time:before{background-image:url(../images/icon_time.svg)}.projects_list .project_funding .status .supporter:before,.fanclub_list .project_funding .status .supporter:before{background-image:url(../images/icon_supporter.svg)}.projects_list .project_funding .status .price:before,.fanclub_list .project_funding .status .price:before{background-image:url(../images/icon_yen.svg)}@media screen and (min-width: 641px), print{.projects_list .project_funding .achievement_rate,.fanclub_list .project_funding .achievement_rate{position:absolute;top:0;right:0;width:72px;height:72px}}@media screen and (max-width: 640px){.projects_list .project_funding .achievement_rate,.fanclub_list .project_funding .achievement_rate{position:absolute;top:0;right:0;width:40px;height:40px}}.projects_list .project_funding .achievement_rate .rate_val,.fanclub_list .project_funding .achievement_rate .rate_val{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:50%;text-align:center;white-space:nowrap}@media screen and (min-width: 641px), print{.projects_list .project_funding .achievement_rate .rate_val,.fanclub_list .project_funding .achievement_rate .rate_val{width:50px;height:50px;font-size:10px;line-height:50px}.projects_list .project_funding .achievement_rate .rate_val .value,.fanclub_list .project_funding .achievement_rate .rate_val .value{font-size:12px;font-weight:bold}}@media screen and (max-width: 640px){.projects_list .project_funding .achievement_rate .rate_val,.fanclub_list .project_funding .achievement_rate .rate_val{width:28px;height:28px;font-size:10px;line-height:28px}.projects_list .project_funding .achievement_rate .rate_val .value,.fanclub_list .project_funding .achievement_rate .rate_val .value{display:inline-block;font-weight:bold;-webkit-transform-origin:75% 50%;transform-origin:75% 50%;-webkit-transform:scale(.8);transform:scale(.8)}.projects_list .project_funding .achievement_rate .rate_val .unit,.fanclub_list .project_funding .achievement_rate .rate_val .unit{display:inline-block;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.6);transform:scale(.6)}}@media screen and (min-width: 641px), print{.fanclub_list li{padding-bottom:15px}}@media screen and (max-width: 640px){.fanclub_list li{padding-bottom:12px}}.fanclub_list .project_funding .status p{margin-bottom:4px}@media screen and (min-width: 641px), print{.reports_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.reports_list li{position:relative;overflow:hidden;border-radius:4px;background-color:#fff}@media screen and (min-width: 641px), print{.reports_list li{width:49.16667%;height:266px;margin-bottom:40px}}@media screen and (max-width: 640px){.reports_list li{width:100%;height:180px;margin-bottom:16px}}.reports_list li>a{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc}.reports_list li .excerpt{position:absolute;left:0;right:0;bottom:0}@media screen and (min-width: 641px), print{.reports_list li .excerpt{padding:0 16px 16px}}@media screen and (max-width: 640px){.reports_list li .excerpt{padding:0 8px 8px}}.reports_list li .report_ttl_sub{margin-bottom:1px}.reports_list li .report_ttl_sub p{display:inline-block;padding:4px 8px;background-color:#fff;font-weight:bold}@media screen and (min-width: 641px), print{.reports_list li .report_ttl_sub p{font-size:12px}}@media screen and (max-width: 640px){.reports_list li .report_ttl_sub p{font-size:10px}}.reports_list li .report_ttl{margin-bottom:7px}.reports_list li .report_ttl p{display:inline;background-color:#393939;color:#fff}@media screen and (min-width: 641px), print{.reports_list li .report_ttl p{font-size:16px;line-height:1.625}}@media screen and (max-width: 640px){.reports_list li .report_ttl p{font-size:12px;line-height:1.58333}}.reports_list li .report_more{background-color:#ff574c;color:#fff;text-align:center}@media screen and (min-width: 641px), print{.reports_list li .report_more{width:88px;font-size:14px;line-height:30px}}@media screen and (max-width: 640px){.reports_list li .report_more{width:70px;font-size:12px;line-height:19px}}.return_list{padding-bottom:40px}@media screen and (min-width: 641px), print{.return_list>li{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:40px;border-top:solid 6px #393939}}@media screen and (min-width: 641px) and (max-width: 1000px){.return_list>li{display:block}}@media screen and (max-width: 640px){.return_list>li{margin-bottom:32px;border-top:solid 3px #393939}}.return_list>li .col_detail,.return_list>li .col_edit{border:solid 1px #dcdcdc;border-top:none;-webkit-box-sizing:border-box;box-sizing:border-box}.return_list>li .col_detail{background-color:#fff}@media screen and (min-width: 641px), print{.return_list>li .col_detail{width:784px;padding:33px 40px 30px 39px;border-right:none}}@media screen and (min-width: 641px) and (max-width: 1000px){.return_list>li .col_detail{width:inherit;padding:33px 39px 30px;border-right:solid 1px #dcdcdc;border-bottom:none}}@media screen and (max-width: 640px){.return_list>li .col_detail{padding:20px 5.53936% 20px;border-bottom:none}}@media screen and (min-width: 641px), print{.return_list>li .col_detail .price{margin-bottom:11px;font-size:24px;font-weight:bold}}@media screen and (max-width: 640px){.return_list>li .col_detail .price{margin-bottom:15px;font-size:20px}.return_list>li .col_detail .price .yen{font-size:16px}}@media screen and (min-width: 641px), print{.return_list>li .col_detail .detail_txt{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px}}@media screen and (max-width: 640px){.return_list>li .col_detail .detail_txt{margin-bottom:16px}}@media screen and (min-width: 641px), print{.return_list>li .col_detail .detail_txt .thumbnail{width:224px}.return_list>li .col_detail .detail_txt .thumbnail img{width:224px;height:auto}}@media screen and (max-width: 640px){.return_list>li .col_detail .detail_txt .thumbnail{margin-bottom:17px}.return_list>li .col_detail .detail_txt .thumbnail img{width:100%;height:auto}}.return_list>li .col_detail .detail_txt .excerpt h4{font-weight:bold;line-height:1.4em}@media screen and (min-width: 641px), print{.return_list>li .col_detail .detail_txt .excerpt{padding-left:24px}.return_list>li .col_detail .detail_txt .excerpt h4{margin-bottom:15px;font-size:18px}.return_list>li .col_detail .detail_txt .excerpt p{overflow:hidden;max-height:5.14286em;font-size:14px;line-height:1.71429}}@media screen and (max-width: 640px){.return_list>li .col_detail .detail_txt .excerpt h4{margin-bottom:10px;font-size:16px}.return_list>li .col_detail .detail_txt .excerpt p{overflow:hidden;max-height:6.33333em;font-size:12px;line-height:1.58333}}.return_list>li .col_detail .return_meta{display:-webkit-box;display:-ms-flexbox;display:flex}.return_list>li .col_detail .return_meta .meta_ttl{color:#888;font-size:12px}.return_list>li .col_detail .return_meta .meta_val{font-size:14px;line-height:1.71429}@media screen and (min-width: 641px), print{.return_list>li .col_detail .return_meta{border-right:solid 1px #dcdcdc}.return_list>li .col_detail .return_meta li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-left:solid 1px #dcdcdc;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.return_list>li .col_detail .return_meta .meta_ttl{line-height:2em}}@media screen and (max-width: 640px){.return_list>li .col_detail .return_meta{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.return_list>li .col_detail .return_meta li{width:47.52475%;padding:7px 0 5px;border-bottom:solid 1px #dcdcdc;text-align:center}.return_list>li .col_detail .return_meta li:nth-child(-n+2){border-top:solid 1px #dcdcdc}.fanclub .return_list>li .col_detail .return_meta li:first-child{width:100%}.fanclub .return_list>li .col_detail .return_meta li:nth-child(2){border-top:none}.return_list>li .col_detail .return_meta .meta_ttl{line-height:1.7em}}.return_list>li .col_edit{background-color:#ececec}@media screen and (min-width: 641px), print{.return_list>li .col_edit{border-left:none;width:18.33333%;padding-top:32px}}@media screen and (min-width: 641px) and (max-width: 1000px){.return_list>li .col_edit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:inherit;padding-bottom:32px;border-left:solid 1px #dcdcdc}}@media screen and (max-width: 640px){.return_list>li .col_edit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 5.57185%}}.return_list>li .col_edit .delete,.return_list>li .col_edit .edit{text-align:center}.return_list>li .col_edit .delete a,.return_list>li .col_edit .edit a{display:block;border:solid 1px transparent;color:#fff;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.return_list>li .col_edit .delete a:hover,.return_list>li .col_edit .edit a:hover{text-decoration:none}@media screen and (min-width: 641px), print{.return_list>li .col_edit .delete,.return_list>li .col_edit .edit{width:128px;margin:0 auto 8px;font-size:14px;line-height:38px}}@media screen and (min-width: 641px) and (max-width: 1000px){.return_list>li .col_edit .delete,.return_list>li .col_edit .edit{margin:0 16px}}@media screen and (max-width: 640px){.return_list>li .col_edit .delete,.return_list>li .col_edit .edit{width:47.52475%;font-size:16px;line-height:38px}}.return_list>li .col_edit .delete a{background-color:#393939}@media screen and (min-width: 641px), print{.return_list>li .col_edit .delete a:hover{border-color:#393939;background-color:#fff;color:#393939}}.return_list>li .col_edit .edit a{background-color:#ff574c}@media screen and (min-width: 641px), print{.return_list>li .col_edit .edit a:hover{border-color:#ff574c;background-color:#fff;color:#ff574c}}@media screen and (max-width: 640px){.my_projects_list{margin-bottom:-20px}}@media screen and (min-width: 641px), print{.my_projects_list>li{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:40px;border-top:solid 6px #393939}}@media screen and (min-width: 641px) and (max-width: 1000px){.my_projects_list>li{display:block}}@media screen and (max-width: 640px){.my_projects_list>li{margin-bottom:40px;border-top:solid 3px #393939}}.my_projects_list>li .col_detail,.my_projects_list>li .col_edit{border:solid 1px #dcdcdc;border-top:none;-webkit-box-sizing:border-box;box-sizing:border-box}.my_projects_list>li .col_detail{background-color:#fff}@media screen and (min-width: 641px), print{.my_projects_list>li .col_detail{width:720px;padding:32px 40px 40px 39px;border-right:none}}@media screen and (min-width: 641px) and (max-width: 1000px){.my_projects_list>li .col_detail{width:inherit;padding:33px 39px 30px;border-right:solid 1px #dcdcdc;border-bottom:none}}@media screen and (max-width: 640px){.my_projects_list>li .col_detail{padding:20px 5.53936% 18px;border-bottom:none}}@media screen and (min-width: 641px), print{.my_projects_list>li .col_detail .detail_txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:24px}}@media screen and (max-width: 640px){.my_projects_list>li .col_detail .detail_txt{margin-bottom:16px}}@media screen and (min-width: 641px), print{.my_projects_list>li .col_detail .detail_txt .thumbnail{width:400px}.my_projects_list>li .col_detail .detail_txt .thumbnail img{width:100%;height:auto}}@media screen and (max-width: 640px){.my_projects_list>li .col_detail .detail_txt .thumbnail{margin-bottom:16px}.my_projects_list>li .col_detail .detail_txt .thumbnail img{width:100%;height:auto}}.my_projects_list>li .col_detail .detail_txt .project_info{border-bottom:dotted 1px #dcdcdc}@media screen and (min-width: 641px), print{.my_projects_list>li .col_detail .detail_txt .project_info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:240px;height:225px;padding:15px 0 0;border-top:dotted 1px #dcdcdc;-webkit-box-sizing:border-box;box-sizing:border-box}.my_projects_list>li .col_detail .detail_txt .project_info:before,.my_projects_list>li .col_detail .detail_txt .project_info:after{content:" ";display:table}.my_projects_list>li .col_detail .detail_txt .project_info:after{clear:both}}@media screen and (max-width: 640px){.my_projects_list>li .col_detail .detail_txt .project_info{position:relative;padding:0 0 9px}}@media screen and (min-width: 641px), print{.my_projects_list>li .col_detail .detail_txt .project_info dl.info2{float:left;position:relative;width:50%;height:38px}.my_projects_list>li .col_detail .detail_txt .project_info dl.info2:last-child:before{content:"";display:block;position:absolute;left:0;bottom:0;width:1px;height:30px;background-color:#dcdcdc}.my_projects_list>li .col_detail .detail_txt .project_info dl dt{margin-bottom:6px;color:#888;font-size:12px;text-align:center}.my_projects_list>li .col_detail .detail_txt .project_info dl dd{font-size:16px;text-align:center}}@media screen and (max-width: 640px){.my_projects_list>li .col_detail .detail_txt .project_info dl{width:69.14191%;padding:8px 0;border-top:dotted 1px #dcdcdc}.my_projects_list>li .col_detail .detail_txt .project_info dl:before,.my_projects_list>li .col_detail .detail_txt .project_info dl:after{content:" ";display:table}.my_projects_list>li .col_detail .detail_txt .project_info dl:after{clear:both}.my_projects_list>li .col_detail .detail_txt .project_info dl:first-child{border-top:none}.my_projects_list>li .col_detail .detail_txt .project_info dl dt{float:left;color:#888;font-size:10px}.my_projects_list>li .col_detail .detail_txt .project_info dl dd{float:right;font-size:12px}}@media screen and (min-width: 641px), print{.my_projects_list>li .col_detail .detail_txt .project_info .achievement_rate{width:114px;height:114px;margin:10px auto 2px}.my_projects_list>li .col_detail .detail_txt .project_info .achievement_rate .rate_val{width:80px;height:80px;font-size:14px;line-height:80px}.my_projects_list>li .col_detail .detail_txt .project_info .achievement_rate .rate_val .value{font-size:18px;font-weight:bold}}@media screen and (max-width: 640px){.my_projects_list>li .col_detail .detail_txt .project_info .achievement_rate{position:absolute;top:0;right:0}.my_projects_list>li .col_detail .detail_txt .project_info .achievement_rate .rate_val{width:52px;height:52px;font-size:10px;line-height:52px}.my_projects_list>li .col_detail .detail_txt .project_info .achievement_rate .rate_val .value{font-size:14px;font-weight:bold}}.my_projects_list>li .col_detail .excerpt .project_cat{float:left}.my_projects_list>li .col_detail .excerpt .project_cat a{display:block;padding:0 11px;border:solid 1px #dcdcdc;color:#393939}.my_projects_list>li .col_detail .excerpt .project_cat a:hover{text-decoration:none}@media screen and (min-width: 641px), print{.my_projects_list>li .col_detail .excerpt .project_cat{margin-bottom:19px}.my_projects_list>li .col_detail .excerpt .project_cat a{font-size:14px;line-height:26px}.my_projects_list>li .col_detail .excerpt .project_cat a:hover{opacity:0.6}}@media screen and (max-width: 640px){.my_projects_list>li .col_detail .excerpt .project_cat{margin-bottom:15px}.my_projects_list>li .col_detail .excerpt .project_cat a{font-size:12px;line-height:22px}}.my_projects_list>li .col_detail .excerpt .project_author{float:right;font-size:14px}.my_projects_list>li .col_detail .excerpt .project_author a{color:#393939;text-decoration:underline}.my_projects_list>li .col_detail .excerpt .project_author a:hover{text-decoration:none}.my_projects_list>li .col_detail .excerpt .project_author .user_icon{display:inline-block;margin-right:8px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;vertical-align:middle}@media screen and (min-width: 641px), print{.my_projects_list>li .col_detail .excerpt .project_author{margin-bottom:19px}.my_projects_list>li .col_detail .excerpt .project_author .user_icon{width:28px;height:28px}}@media screen and (max-width: 640px){.my_projects_list>li .col_detail .excerpt .project_author{margin-bottom:15px;padding:2px 0}.my_projects_list>li .col_detail .excerpt .project_author .user_icon{width:20px;height:20px}}.my_projects_list>li .col_detail .excerpt h4{clear:both}@media screen and (min-width: 641px), print{.my_projects_list>li .col_detail .excerpt h4{margin-bottom:15px;font-size:20px;line-height:1.5}}@media screen and (max-width: 640px){.my_projects_list>li .col_detail .excerpt h4{margin-bottom:8px;font-size:14px;line-height:1.57143}}@media screen and (min-width: 641px), print{.my_projects_list>li .col_detail .excerpt .excerpt_txt{font-size:14px}}@media screen and (max-width: 640px){.my_projects_list>li .col_detail .excerpt .excerpt_txt{font-size:12px;line-height:1.58333}}.my_projects_list>li .col_edit{background-color:#ececec}@media screen and (min-width: 641px), print{.my_projects_list>li .col_edit{border-left:none;width:240px;padding:32px 23px 24px 24px}}@media screen and (min-width: 641px) and (max-width: 1000px){.my_projects_list>li .col_edit{width:inherit;padding:32px 39px 24px;border-left:solid 1px #dcdcdc}}@media screen and (max-width: 640px){.my_projects_list>li .col_edit{padding:20px 5.57185% 24px}}.my_projects_list>li .col_edit dl{border-top:dotted 1px #dcdcdc}.my_projects_list>li .col_edit dl.return_desc dt{margin-bottom:8px}@media screen and (min-width: 641px), print{.my_projects_list>li .col_edit dl{margin-bottom:23px;padding-top:24px}.my_projects_list>li .col_edit dl dt{margin-bottom:13px;font-size:14px;font-weight:bold}.my_projects_list>li .col_edit dl dd{font-size:20px}.my_projects_list>li .col_edit dl.support_date{padding-top:0;border-top:none}.my_projects_list>li .col_edit dl.return_desc{margin-bottom:15px;padding-bottom:0}.my_projects_list>li .col_edit dl.return_desc dd{font-size:14px;line-height:1.71429}}@media screen and (min-width: 641px) and (max-width: 1000px){.my_projects_list>li .col_edit dl:before,.my_projects_list>li .col_edit dl:after{content:" ";display:table}.my_projects_list>li .col_edit dl:after{clear:both}.my_projects_list>li .col_edit dl dt{float:left;margin-bottom:0;padding-top:3px}.my_projects_list>li .col_edit dl dd{float:right}.my_projects_list>li .col_edit dl.support_date{padding-top:24px;border-top:dotted 1px #dcdcdc}}@media screen and (max-width: 640px){.my_projects_list>li .col_edit dl{padding:13px 0}.my_projects_list>li .col_edit dl:before,.my_projects_list>li .col_edit dl:after{content:" ";display:table}.my_projects_list>li .col_edit dl:after{clear:both}.my_projects_list>li .col_edit dl dt{float:left;padding-top:2px;font-size:12px;font-weight:bold}.my_projects_list>li .col_edit dl dd{float:right;font-size:16px}.my_projects_list>li .col_edit dl.return_desc{margin-bottom:2px}.my_projects_list>li .col_edit dl.return_desc dd{font-size:12px;line-height:1.58333}}.my_projects_list>li .col_edit .manage a,.my_projects_list>li .col_edit .edit a,.my_projects_list>li .col_edit .issue_receipt a,.my_projects_list>li .col_edit .more_detail a{color:#fff}@media screen and (min-width: 641px), print{.my_projects_list>li .col_edit .manage,.my_projects_list>li .col_edit .edit,.my_projects_list>li .col_edit .issue_receipt,.my_projects_list>li .col_edit .more_detail{margin-bottom:8px}.my_projects_list>li .col_edit .manage a,.my_projects_list>li .col_edit .edit a,.my_projects_list>li .col_edit .issue_receipt a,.my_projects_list>li .col_edit .more_detail a{border:solid 1px transparent;font-size:14px;line-height:38px}}@media screen and (max-width: 640px){.my_projects_list>li .col_edit .manage,.my_projects_list>li .col_edit .edit,.my_projects_list>li .col_edit .issue_receipt,.my_projects_list>li .col_edit .more_detail{width:66.0066%;margin:0 auto}.my_projects_list>li .col_edit .manage a,.my_projects_list>li .col_edit .edit a,.my_projects_list>li .col_edit .issue_receipt a,.my_projects_list>li .col_edit .more_detail a{font-size:16px;line-height:52px}}.my_projects_list>li .col_edit .manage a{background-color:#1ec39a}@media screen and (min-width: 641px), print{.my_projects_list>li .col_edit .manage a:hover{border-color:#1ec39a;background-color:#fff;color:#1ec39a}}.my_projects_list>li .col_edit .issue_receipt a{background-color:#ff574c}@media screen and (min-width: 641px), print{.my_projects_list>li .col_edit .issue_receipt{margin:-7px 0 24px}.my_projects_list>li .col_edit .issue_receipt a:hover{border-color:#ff574c;background-color:#fff;color:#ff574c}}@media screen and (max-width: 640px){.my_projects_list>li .col_edit .issue_receipt{margin-top:3px;margin-bottom:16px}}.my_projects_list>li .col_edit .more_detail a{background-color:#393939}@media screen and (min-width: 641px), print{.my_projects_list>li .col_edit .more_detail a:hover{border-color:#393939;background-color:#fff;color:#393939}}.my_projects_list>li .col_edit .edit a{background-color:#ff574c}@media screen and (min-width: 641px), print{.my_projects_list>li .col_edit .edit a:hover{border-color:#ff574c;background-color:#fff;color:#ff574c}}@media screen and (min-width: 641px), print{.my_projects_list>li .col_edit .edit_group{position:relative;height:100%}}@media screen and (min-width: 641px) and (max-width: 1000px){.my_projects_list>li .col_edit .edit_group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width: 640px){.my_projects_list>li .col_edit .edit_group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 641px) and (max-width: 1000px){.my_projects_list>li .col_edit .edit_group .manage,.my_projects_list>li .col_edit .edit_group .edit,.my_projects_list>li .col_edit .edit_group .issue_receipt,.my_projects_list>li .col_edit .edit_group .more_detail{width:47.52475%;margin-bottom:15px}}@media screen and (max-width: 640px){.my_projects_list>li .col_edit .edit_group .manage,.my_projects_list>li .col_edit .edit_group .edit,.my_projects_list>li .col_edit .edit_group .issue_receipt,.my_projects_list>li .col_edit .edit_group .more_detail{width:47.52475%;margin:0 0 15px}.my_projects_list>li .col_edit .edit_group .manage a,.my_projects_list>li .col_edit .edit_group .edit a,.my_projects_list>li .col_edit .edit_group .issue_receipt a,.my_projects_list>li .col_edit .edit_group .more_detail a{line-height:44px}}.my_projects_list>li .col_edit .edit_group .delete a{border:solid 1px #ff574c;background-color:#fff;color:#ff574c}@media screen and (min-width: 641px), print{.my_projects_list>li .col_edit .edit_group .delete{position:absolute;width:192px;bottom:8px}.my_projects_list>li .col_edit .edit_group .delete a{font-size:14px;line-height:38px}.my_projects_list>li .col_edit .edit_group .delete a:hover{background-color:#ff574c;color:#fff}}@media screen and (min-width: 641px) and (max-width: 1000px){.my_projects_list>li .col_edit .edit_group .delete{position:static;width:47.52475%}}@media screen and (max-width: 640px){.my_projects_list>li .col_edit .edit_group .delete{width:47.52475%;margin-bottom:15px}.my_projects_list>li .col_edit .edit_group .delete a{font-size:16px;line-height:42px}}.nav_tabs_group{position:relative;z-index:1}@media screen and (min-width: 641px), print{.nav_tabs_group{margin-bottom:70px}}@media screen and (max-width: 640px){.nav_tabs_group{margin-bottom:30px}}.nav_tabs{position:relative;border-bottom:solid 1px #dcdcdc}@media screen and (max-width: 640px){.nav_tabs.apply_tag{margin-bottom:115px}}@media screen and (min-width: 641px), print{.nav_tabs.apply_tag .apply{padding:0}}@media screen and (max-width: 640px){.nav_tabs.apply_tag .apply{position:absolute;right:0;left:0;margin:auto;top:84px;width:280px}}@media screen and (max-width: 640px){.nav_tabs.apply_tag .apply a{font-size:16px;line-height:52px;height:auto;padding-top:0}}@media screen and (min-width: 641px), print{.nav_tabs.pages_tabs ul li a{padding:16px 38px 0}}@media screen and (max-width: 640px){.nav_tabs.pages_tabs ul li a{padding:18.5px 19px 0}}.nav_tabs .slide_wrap{overflow:auto}.nav_tabs .slide_wrap ul{overflow:hidden}.nav_tabs .back_btn,.nav_tabs .next_btn{display:none;position:absolute;z-index:1;width:36px;height:48px;border:none;outline:none;text-indent:-9999px}@media screen and (min-width: 641px) and (max-width: 1000px){.nav_tabs .back_btn{bottom:0;left:0;background:url(../images/back_btn.png) no-repeat;background-size:contain}}@media screen and (max-width: 640px){.nav_tabs .back_btn{bottom:0;left:0;background:url(../images/back_btn.png) no-repeat;background-size:contain}}@media screen and (min-width: 641px) and (max-width: 1000px){.nav_tabs .next_btn{bottom:0;right:0;background:url(../images/next_btn.png) no-repeat;background-size:contain}}@media screen and (max-width: 640px){.nav_tabs .next_btn{bottom:0;right:0;background:url(../images/next_btn.png) no-repeat;background-size:contain}}.nav_tabs ul{position:relative;padding-left:1px}.nav_tabs ul:before,.nav_tabs ul:after{content:" ";display:table}.nav_tabs ul:after{clear:both}@media screen and (min-width: 641px), print{.nav_tabs ul{height:46px}}@media screen and (max-width: 640px){.nav_tabs ul{height:48px}}.nav_tabs ul:before{content:'';position:absolute;background-color:#b5b5b5;top:0;bottom:0;left:0;margin:auto;width:1px}@media screen and (min-width: 641px), print{.nav_tabs ul:before{height:6px}}@media screen and (max-width: 640px){.nav_tabs ul:before{height:8px}}.nav_tabs ul li{float:left;position:relative;padding-right:1px}.nav_tabs ul li:after{content:'';position:absolute;background-color:#b5b5b5;top:0;bottom:0;right:0;margin:auto;width:1px}@media screen and (min-width: 641px), print{.nav_tabs ul li:after{height:6px}}@media screen and (max-width: 640px){.nav_tabs ul li:after{height:8px}}.nav_tabs ul li.now a:before,.nav_tabs ul li.open a:before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;width:100%;background-color:#ff574c}@media screen and (min-width: 641px), print{.nav_tabs ul li.now a:before,.nav_tabs ul li.open a:before{height:4px}}@media screen and (max-width: 640px){.nav_tabs ul li.now a:before,.nav_tabs ul li.open a:before{height:2px}}@media screen and (min-width: 641px), print{.nav_tabs ul li.apply{float:none;width:240px;height:46px;margin-right:0;margin-left:auto;margin-top:auto}}.nav_tabs ul li.apply:after{display:none}.nav_tabs ul li.apply a{display:block;color:#fff;background-color:#ff574c}@media screen and (min-width: 641px), print{.nav_tabs ul li.apply a{line-height:46px;padding-top:0}}.nav_tabs ul a{color:#393939;text-align:center;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1em}.nav_tabs ul a:hover{text-decoration:none}@media screen and (min-width: 641px), print{.nav_tabs ul a{height:46px;padding:16px 29px 0;font-size:14px}.nav_tabs ul a:hover{opacity:0.6}}@media screen and (max-width: 640px){.nav_tabs ul a{height:48px;padding:18.5px 19px 0;font-size:12px}}.nav_my_project,.faq_tabs{background-color:#fff}.nav_my_project ul,.faq_tabs ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.nav_my_project ul li a,.faq_tabs ul li a{display:block;color:#393939}.nav_my_project ul li a:hover,.faq_tabs ul li a:hover{text-decoration:none}@media screen and (min-width: 641px), print{.nav_my_project ul li a,.faq_tabs ul li a{padding:33px 0}}@media screen and (max-width: 640px){.nav_my_project ul li a,.faq_tabs ul li a{padding:24px 0}}.nav_my_project ul li.now a,.faq_tabs ul li.now a{color:#ff574c}@media screen and (min-width: 641px), print{.nav_my_project ul li,.faq_tabs ul li{font-size:14px}.nav_my_project ul li a:hover,.faq_tabs ul li a:hover{opacity:0.6}}@media screen and (max-width: 640px){.nav_my_project ul li,.faq_tabs ul li{font-size:12px}}@media screen and (min-width: 641px), print{.nav_tabs_ft{display:none}}@media screen and (max-width: 640px){.nav_tabs_ft{border-top:solid 1px #dcdcdc;margin-bottom:40px}}@media screen and (max-width: 640px){.nav_tabs_ft li{border-bottom:solid 1px #dcdcdc}}@media screen and (max-width: 640px){.nav_tabs_ft li a{display:block;color:#393939;font-size:13px;position:relative;line-height:59px;background-color:#fff;padding-left:4.26667%}.nav_tabs_ft li a:after{content:'';position:absolute;background:url(../images/ft_nav_arrow.png) no-repeat;background-size:contain;width:5px;height:8px;top:0;bottom:0;right:4.26667%;margin:auto}}@media screen and (max-width: 640px){.nav_tabs_ft li.now a{color:#ff574c;position:relative}.nav_tabs_ft li.now a:before{content:'';position:absolute;top:0;left:0;width:1.06667%;height:100%;background-color:#ff574c}}.accordion_category{display:none;position:absolute;left:0;right:0;background-color:#393939}@media screen and (min-width: 641px), print{.accordion_category{top:46px;padding:14px 0}}@media screen and (max-width: 640px){.accordion_category{top:48px;padding:13px 0}}.accordion_category .category_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.accordion_category .category_list:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#393939}@media screen and (max-width: 640px){.accordion_category .category_list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.accordion_category .category_list li{border-bottom:solid 1px #fff;line-height:1.2em}.accordion_category .category_list li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.accordion_category .category_list li a:hover{text-decoration:none}.accordion_category .category_list li.selected a{color:#ff574c}@media screen and (min-width: 641px), print{.accordion_category .category_list li{width:23.125%;margin-left:2.5%;font-size:14px}.accordion_category .category_list li:nth-child(4n+1){margin-left:0}.accordion_category .category_list li a{height:48px}.accordion_category .category_list li a:hover{opacity:0.6}}@media screen and (max-width: 640px){.accordion_category .category_list li{width:47.81341%;font-size:12px}.accordion_category .category_list li a{height:40px}}@media screen and (min-width: 641px), print{.form_area{margin-bottom:80px}}@media screen and (max-width: 640px){.form_area{margin-bottom:40px}}.form_area .form_group{border-bottom:dotted 1px #d5d5d5}@media screen and (min-width: 641px), print{.form_area .form_group{padding-bottom:32px;margin-bottom:32px}}@media screen and (max-width: 640px){.form_area .form_group{padding-bottom:25px;margin-bottom:25px}}.form_area .input_title{font-weight:bold;display:block}@media screen and (min-width: 641px), print{.form_area .input_title{font-size:16px;line-height:18px;margin-bottom:16px}}@media screen and (max-width: 640px){.form_area .input_title{font-size:14px;line-height:1em;margin-bottom:14px}}.form_area .input_title .required{color:#ffffff;background-color:#ff574c;display:inline-block;font-weight:normal;text-align:center}@media screen and (min-width: 641px), print{.form_area .input_title .required{font-size:12px;line-height:18px;width:32px;height:18px;margin-left:8px}}@media screen and (max-width: 640px){.form_area .input_title .required{font-size:10px;width:24px;height:14px;line-height:14px;margin-left:7px}}.form_area .form_control{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.form_area .form_control::-webkit-input-placeholder{color:#b5b5b5}.form_area .form_control:-ms-input-placeholder{color:#b5b5b5}.form_area .form_control::-ms-input-placeholder{color:#b5b5b5}.form_area .form_control::placeholder{color:#b5b5b5}@media screen and (min-width: 641px), print{.form_area .form_control.form_control_middle{width:480px}}@media screen and (max-width: 640px){.form_area .form_control.hasDatepicker{width:10em}}.form_area .form_ctrl_btn{margin-left:24px;font-size:14px}@media screen and (max-width: 374px){.form_area .form_ctrl_btn{margin-left:4vw;font-size:3.73333vw}}@media screen and (min-width: 641px), print{.form_area .notes{font-size:12px;margin-top:8px}}@media screen and (max-width: 640px){.form_area .notes{font-size:10px;margin-top:8px}}.form_area label.checkbox,.form_area label.radio{cursor:pointer}.form_area label.checkbox input[type="checkbox"],.form_area label.checkbox input[type="radio"],.form_area label.radio input[type="checkbox"],.form_area label.radio input[type="radio"]{display:none}.form_area label.checkbox .checkbox_icon,.form_area label.checkbox .radio_icon,.form_area label.radio .checkbox_icon,.form_area label.radio .radio_icon{display:inline-block;background-repeat:no-repeat;background-position:50% 0}@media screen and (min-width: 641px), print{.form_area label.checkbox .checkbox_icon,.form_area label.checkbox .radio_icon,.form_area label.radio .checkbox_icon,.form_area label.radio .radio_icon{width:24px;height:24px}}@media screen and (max-width: 640px){.form_area label.checkbox .checkbox_icon,.form_area label.checkbox .radio_icon,.form_area label.radio .checkbox_icon,.form_area label.radio .radio_icon{width:28px;height:28px;background-size:100% auto}}@media screen and (min-width: 641px), print{.form_area label.checkbox .checkbox_icon{background-image:url(../images/btn_check.png)}}@media screen and (max-width: 640px){.form_area label.checkbox .checkbox_icon{background-image:url(../images/sp_btn_check.png)}}.form_area label.checkbox input[type="checkbox"]:checked+.checkbox_icon{background-position:50% 100%}.form_area label.radio{display:inline-block}@media screen and (min-width: 641px), print{.form_area label.radio{width:180px}}@media screen and (max-width: 640px){.form_area label.radio{width:49%}}.form_area label.radio .radio_icon{vertical-align:middle;margin-right:7px}@media screen and (min-width: 641px), print{.form_area label.radio .radio_icon{background-image:url(../images/btn_radio.png)}}@media screen and (max-width: 640px){.form_area label.radio .radio_icon{background-image:url(../images/sp_btn_radio.png)}}.form_area label.radio input[type="radio"]:checked+.radio_icon{background-position:50% 100%}.form_area label.radio span{vertical-align:middle}@media screen and (max-width: 640px){.form_area label.radio span{font-size:14px}}.form_area label.checkbox,.form_area label.radio{cursor:pointer}.form_area label.checkbox input[type="checkbox"],.form_area label.checkbox input[type="radio"],.form_area label.radio input[type="checkbox"],.form_area label.radio input[type="radio"]{display:none}.form_area label.checkbox .checkbox_icon,.form_area label.checkbox .radio_icon,.form_area label.radio .checkbox_icon,.form_area label.radio .radio_icon{display:inline-block;background-repeat:no-repeat;background-position:50% 0}@media screen and (min-width: 641px), print{.form_area label.checkbox .checkbox_icon,.form_area label.checkbox .radio_icon,.form_area label.radio .checkbox_icon,.form_area label.radio .radio_icon{width:24px;height:24px}}@media screen and (max-width: 640px){.form_area label.checkbox .checkbox_icon,.form_area label.checkbox .radio_icon,.form_area label.radio .checkbox_icon,.form_area label.radio .radio_icon{width:28px;height:28px;background-size:100% auto}}@media screen and (min-width: 641px), print{.form_area label.checkbox .checkbox_icon{background-image:url(../images/btn_check.png)}}@media screen and (max-width: 640px){.form_area label.checkbox .checkbox_icon{background-image:url(../images/sp_btn_check.png)}}.form_area label.checkbox input[type="checkbox"]:checked+.checkbox_icon{background-position:50% 100%}@media screen and (min-width: 641px), print{.form_area label.radio .radio_icon{background-image:url(../images/btn_radio.png)}}@media screen and (max-width: 640px){.form_area label.radio .radio_icon{background-image:url(../images/sp_btn_radio.png)}}.form_area label.radio input[type="radio"]:checked+.radio_icon{background-position:50% 100%}@media screen and (min-width: 641px), print{.form_area .checkbox_group{margin-bottom:40px}}@media screen and (min-width: 641px), print{.form_area .checkbox_group .checkbox_wrap:before,.form_area .checkbox_group .checkbox_wrap:after{content:" ";display:table}.form_area .checkbox_group .checkbox_wrap:after{clear:both}}@media screen and (max-width: 640px){.form_area .checkbox_group .checkbox_wrap{display:block}}.form_area .checkbox_group .checkbox_icon{float:left}@media screen and (min-width: 641px), print{.form_area .checkbox_group .checkbox_icon{margin-right:16px}}@media screen and (max-width: 640px){.form_area .checkbox_group .checkbox_icon{margin-right:8px}}@media screen and (min-width: 641px), print{.form_area .checkbox_group .checkbox_inner p:nth-child(1){font-size:18px;line-height:1em}}@media screen and (max-width: 640px){.form_area .checkbox_group .checkbox_inner p:nth-child(1){font-size:14px;line-height:1.57em}}@media screen and (min-width: 641px), print{.form_area .checkbox_group .checkbox_inner p:nth-child(2){font-size:14px;line-height:1.7em;margin-top:25px}}@media screen and (max-width: 640px){.form_area .checkbox_group .checkbox_inner p:nth-child(2){font-size:12px;line-height:1.58em;margin-top:15px}}.form_area .question_group{position:relative}.form_area .question_group .question_about{position:absolute;top:0;right:0;padding-bottom:2px;background:url(../images/icon_question.png) no-repeat left center}@media screen and (min-width: 641px), print{.form_area .question_group .question_about{padding-left:20px}}@media screen and (max-width: 640px){.form_area .question_group .question_about{background-size:12px;background-position:left bottom;padding-left:16px;line-height:10px}}.form_area .question_group .question_about a{color:#393939}@media screen and (min-width: 641px), print{.form_area .question_group .question_about a{font-size:14px}}@media screen and (max-width: 640px){.form_area .question_group .question_about a{font-size:10px;line-height:1em}}.form_area .detail_link{text-align:right}.form_area .detail_link a{font-size:14px}@media screen and (min-width: 641px), print{.form_area .detail_link{margin-top:16px}}@media screen and (max-width: 640px){.form_area .detail_link{margin-top:13px}}.form_area .counter_box{position:relative}.form_area .counter_box .counter{color:#b5b5b5;position:absolute;top:0;bottom:0;margin:auto}@media screen and (min-width: 641px), print{.form_area .counter_box .counter{right:24px;font-size:15px;height:15px}}@media screen and (max-width: 640px){.form_area .counter_box .counter{font-size:10px;height:10px;right:10px}}.form_area .menu_wrap{position:relative}@media screen and (min-width: 641px), print{.form_area .menu_wrap{width:480px}}.form_area .menu_wrap:after{content:'';position:absolute;top:0;bottom:0;right:16px;margin:auto}@media screen and (min-width: 641px), print{.form_area .menu_wrap:after{width:0;height:0;border-style:solid;border-width:6px 5px 0 5px;border-color:#999999 transparent transparent transparent}}@media screen and (max-width: 640px){.form_area .menu_wrap:after{width:0;height:0;border-style:solid;border-width:5px 4px 0 4px;border-color:#999999 transparent transparent transparent}}.form_area .menu_wrap select.form_control{cursor:pointer;outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:9px 1.5em;border:solid 1px #dcdcdc;background-color:#fff;line-height:1.75em;display:block;height:48px;color:#393939;position:relative}@media screen and (min-width: 641px), print{.form_area .menu_wrap select.form_control{border-radius:8px;font-size:16px}}@media screen and (max-width: 640px){.form_area .menu_wrap select.form_control{border-radius:4px;font-size:14px}}.form_area .arrow_2:before{content:'';position:absolute;top:0;right:16px;margin:auto;z-index:1}@media screen and (min-width: 641px), print{.form_area .arrow_2:before{top:12px;width:0;height:0;border-style:solid;border-width:0 5px 6px 5px;border-color:transparent transparent #999999 transparent}}@media screen and (max-width: 640px){.form_area .arrow_2:before{top:15px;width:0;height:0;border-style:solid;border-width:0 4px 5px 4px;border-color:transparent transparent #999999 transparent}}@media screen and (min-width: 641px), print{.form_area .arrow_2:after{top:auto;bottom:12px}}@media screen and (max-width: 640px){.form_area .arrow_2:after{top:auto;bottom:15px}}@media screen and (min-width: 641px), print{.form_area .menu_block .form_control_small{width:160px;margin-right:10px;font-size:16px}}@media screen and (max-width: 640px){.form_area .menu_block .form_control_small{width:30.66667vw;margin-right:2vw}}.form_area .menu_block.menu_col_2{display:-webkit-box;display:-ms-flexbox;display:flex}.form_area .menu_block .menu_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 641px), print{.form_area .menu_block .menu_inner{width:280px}}@media screen and (max-width: 640px){.form_area .menu_block .menu_inner span{font-size:14px}}@media screen and (min-width: 641px), print{.form_area .menu_block .year span:nth-child(2){margin-right:47px}}@media screen and (max-width: 640px){.form_area .menu_block .year span:nth-child(2){margin-right:5.33333vw}}@media screen and (max-width: 640px){.form_area .menu_block .year span:nth-child(3){margin-right:2.13333vw}}@media screen and (min-width: 641px), print{.form_area .upload_wrap{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 641px), print{.form_area .upload_wrap .notes{font-size:12px;line-height:1.666666667em;margin-top:24px;margin-left:20px}}@media screen and (max-width: 640px){.form_area .upload_wrap .notes{font-size:10px;line-height:1.5em;margin-top:7px}}.form_area .upload_wrap .notes span{display:block;font-weight:bold}.form_area .upload_wrap .upload_photos{position:relative;overflow:hidden;background-color:#ececec;border:solid 1px #dcdcdc;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 641px), print{.form_area .upload_wrap .upload_photos{width:640px;height:360px}.form_area .upload_wrap .upload_photos:hover .upload_inner{opacity:0.6}}@media screen and (max-width: 640px){.form_area .upload_wrap .upload_photos{height:50.93333vw}}.form_area .upload_wrap .upload_photos img{width:auto;height:auto;max-width:100%;max-height:100%}.form_area .upload_wrap .upload_photos .upload_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-color:#ff574c;color:#ffffff}@media screen and (min-width: 641px), print{.form_area .upload_wrap .upload_photos .upload_inner{width:240px;height:48px}.form_area .upload_wrap .upload_photos .upload_inner:before{content:"";display:block;width:16px;height:16px;margin-right:12px;background:url(../images/icon_camera.png) no-repeat}}@media screen and (max-width: 640px){.form_area .upload_wrap .upload_photos .upload_inner{width:215px;height:40px;font-size:14px}.form_area .upload_wrap .upload_photos .upload_inner:before{content:"";display:block;width:14px;height:14px;margin-right:8px;background:url(../images/icon_camera.png) no-repeat;background-size:contain}}.form_area .upload_wrap .upload_photos input{position:absolute;bottom:0;right:0;z-index:2;opacity:0;cursor:pointer;width:100%;height:100%}@media screen and (min-width: 641px), print{.form_area .upload_wrap .upload_photos.profile_img_group{width:360px}}@media screen and (max-width: 640px){.form_area .upload_wrap .upload_photos.profile_img_group{width:51.46667vw}}@media screen and (max-width: 640px){.form_area .upload_wrap .upload_photos.profile_img_group .upload_inner{width:40.26667vw}}.form_area .upload_wrap .upload_photos.on_photo .upload_inner{opacity:0.8}.form_area .upload_wrap .upload_photos.on_photo:hover .upload_inner{opacity:0.6}.form_area .btn_add_card a{border:solid 1px #1ec39a;background-color:#1ec39a;color:#fff;font-size:14px;line-height:38px}.form_area .btn_add_card a:hover{background-color:#fff;color:#1ec39a}@media screen and (min-width: 641px), print{.form_area .btn_add_card{margin-bottom:24px}.form_area .btn_add_card a{width:176px}}@media screen and (max-width: 640px){.form_area .btn_add_card{margin-bottom:20px}.form_area .btn_add_card a{width:200px}}@media screen and (min-width: 641px), print{.form_area .card_list{margin-bottom:24px;border-top:solid 1px #dcdcdc;border-left:solid 1px #dcdcdc;border-right:solid 1px #dcdcdc;background-color:#fff}}.form_area .card_list li{width:100%;border-bottom:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{.form_area .card_list li{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width: 640px){.form_area .card_list li{margin-bottom:20px;border:solid 1px #dcdcdc;background-color:#fff}}.form_area .card_list li label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0}.form_area .card_list li label .card_data{display:block;-ms-flex-negative:9999;flex-shrink:9999}.form_area .card_list li label .radio_inner{display:inline-block;line-height:1.57143}@media screen and (min-width: 641px), print{.form_area .card_list li label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:23px 0 23px 23px}.form_area .card_list li label .radio_icon{margin-right:48px}.form_area .card_list li label .radio_inner{margin-right:40px;font-size:16px}}@media screen and (max-width: 640px){.form_area .card_list li label{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px 0 15px 19px}.form_area .card_list li label:before,.form_area .card_list li label:after{content:" ";display:table}.form_area .card_list li label:after{clear:both}.form_area .card_list li label .radio_icon{float:left;margin-right:16px}}@media screen and (max-width: 640px) and (max-width: 374px){.form_area .card_list li label .radio_icon{font-size:3.46667vw}}@media screen and (max-width: 640px){.form_area .card_list li label .radio_inner{display:block;float:left;margin-right:32px;font-size:14px}}@media screen and (max-width: 640px) and (max-width: 374px){.form_area .card_list li label .radio_inner{font-size:3.46667vw}}.form_area .card_list li .edit{background-color:#ececec}.form_area .card_list li .edit a{margin:0 auto;border:solid 1px #ff574c;background-color:#ff574c;color:#fff;font-size:14px;line-height:38px}.form_area .card_list li .edit a:hover{background-color:#fff;color:#ff574c}@media screen and (min-width: 641px), print{.form_area .card_list li .edit{width:175px;padding:15px 0}.form_area .card_list li .edit a{width:128px}}@media screen and (max-width: 640px){.form_area .card_list li .edit{padding:9px 0;border-top:solid 1px #dcdcdc}.form_area .card_list li .edit a{width:120px}}.form_area .recaptcha_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 641px), print{.form_area .recaptcha_wrap{margin-bottom:40px}}@media screen and (max-width: 640px){.form_area .recaptcha_wrap{padding-bottom:24px;border-bottom:dotted 1px #b5b5b5;margin-bottom:40px}}.form_area .last{border-bottom:none;padding-bottom:0}@media screen and (min-width: 641px), print{.form_area .last{margin-bottom:65px}}@media screen and (max-width: 640px){.form_area .last{margin-bottom:40px}}@media screen and (min-width: 641px), print{.form_area .payment_group .radio_group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.form_area .payment_group .radio{background-color:#ffffff;border:solid 1px #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 641px), print{.form_area .payment_group .radio{width:300px;height:120px;padding-left:24px}}@media screen and (min-width: 641px) and (max-width: 1000px){.form_area .payment_group .radio{padding-left:2.5%;width:31.25%}}@media screen and (max-width: 640px){.form_area .payment_group .radio{border-radius:4px;width:auto;height:100px;margin-bottom:16px;padding-left:20px}}@media screen and (min-width: 641px) and (max-width: 1000px){.form_area .payment_group .radio.radio_1 .payment_img img{width:62.6087%;height:auto}}@media screen and (max-width: 640px){.form_area .payment_group .radio.radio_1 .payment_img img{width:145px;height:auto}}@media screen and (min-width: 641px) and (max-width: 1000px){.form_area .payment_group .radio.radio_2 img{width:81.73913%;height:auto}}@media screen and (max-width: 640px){.form_area .payment_group .radio.radio_2 img{width:165px;height:auto}}@media screen and (max-width: 640px){.form_area .payment_group .radio.radio_3{margin-bottom:0}}@media screen and (min-width: 641px) and (max-width: 1000px){.form_area .payment_group .radio.radio_3 img{width:92.17391%;height:auto}}@media screen and (max-width: 640px){.form_area .payment_group .radio.radio_3 img{width:200px;height:auto}}@media screen and (max-width: 640px){.form_area .payment_group .radio.radio_3 span:nth-child(1){margin-bottom:10px}}@media screen and (min-width: 641px), print{.form_area .payment_group .radio .radio_icon{margin-right:24px}}@media screen and (min-width: 641px) and (max-width: 1000px){.form_area .payment_group .radio .radio_icon{background-size:cover;margin-right:8%;width:8%;height:0;padding-top:8%}}@media screen and (max-width: 640px){.form_area .payment_group .radio .radio_icon{margin-right:20px}}@media screen and (min-width: 641px) and (max-width: 1000px){.form_area .payment_group .radio_inner{width:75%}}.form_area .payment_group .radio_inner span{display:block}.form_area .payment_group .radio_inner span:nth-child(1){margin-bottom:17px}@media screen and (max-width: 640px){.form_area .payment_group .radio_inner span{font-size:16px}}.form_area .limited_number_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 641px), print{.form_area .limited_number_box{width:460px;min-height:48px}}@media screen and (max-width: 640px){.form_area .limited_number_box{width:292px;min-height:44px}}.form_area .limited_number_box .checkbox_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 641px), print{.form_area .limited_number_box .checkbox_wrap{width:170px}}@media screen and (max-width: 640px){.form_area .limited_number_box .checkbox_wrap{width:147px}}@media screen and (min-width: 641px), print{.form_area .limited_number_box .checkbox_wrap i{margin-right:9px}}@media screen and (max-width: 640px){.form_area .limited_number_box .checkbox_wrap i{margin-right:6px}}@media screen and (min-width: 641px), print{.form_area .limited_number_box .checkbox_wrap span{font-size:16px}}@media screen and (max-width: 640px){.form_area .limited_number_box .checkbox_wrap span{font-size:14px}}.form_area .limited_number_box .limited_number_text{display:none;position:relative}.form_area .limited_number_box .limited_number_text:before{content:'';position:absolute;top:0;bottom:0;left:0;background:url(../images/limited_arrow.png) no-repeat right center;background-size:contain}@media screen and (min-width: 641px), print{.form_area .limited_number_box .limited_number_text:before{margin:auto 0 auto -43px;width:24px;height:15px}}@media screen and (max-width: 640px){.form_area .limited_number_box .limited_number_text:before{margin:auto 0 auto -32px;width:16px;height:10px}}.form_area .limited_number_box .form_control{text-align:center}@media screen and (min-width: 641px), print{.form_area .limited_number_box .form_control{width:240px}}@media screen and (max-width: 640px){.form_area .limited_number_box .form_control{width:100px}}@media screen and (min-width: 641px), print{.form_area .delivery_schedule_group .menu_inner{width:250px}}@media screen and (min-width: 641px), print{.form_area .delivery_schedule_group .form_control_small{width:185px}}@media screen and (max-width: 640px){.form_area .delivery_schedule_group .form_control_small{width:36vw}}@media screen and (min-width: 641px), print{.form_area .radio_lead{font-size:16px;line-height:1.75em;margin-bottom:24px}}@media screen and (max-width: 640px){.form_area .radio_lead{font-size:14px;line-height:1.57em;margin-bottom:15px}}.form_area .form_disabled{background-color:#b5b5b5;color:#ffffff}.form_area .form_disabled::-webkit-input-placeholder{color:#ffffff}.form_area .form_disabled:-ms-input-placeholder{color:#ffffff}.form_area .form_disabled::-ms-input-placeholder{color:#ffffff}.form_area .form_disabled::placeholder{color:#ffffff}.form_area .error_group .form_control{border-color:#ff574c}@media screen and (max-width: 640px){.form_area .error_group .form_control{border-width:1.5px}}.form_area .error_group .error_txt{color:#ff574c;line-height:1em;margin-bottom:8px}@media screen and (min-width: 641px), print{.form_area .error_group .error_txt{font-size:14px}}@media screen and (max-width: 640px){.form_area .error_group .error_txt{font-size:12px}}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;overflow:auto}@media screen and (min-width: 641px), print{.modal{padding:124px 0}}@media screen and (max-width: 640px){.modal{padding:68px 0}}.modal .modal_window{-webkit-animation:openModal 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);animation:openModal 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)}.modal.close .modal_window{-webkit-animation:closeModal 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);animation:closeModal 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)}.modal .modal_window{position:relative;z-index:1;margin:0 auto}.modal .modal_window .close_btn_t,.modal .modal_window .close_btn_b{position:absolute;cursor:pointer}@media screen and (min-width: 641px), print{.modal .modal_window .close_btn_t,.modal .modal_window .close_btn_b{width:48px;height:48px;background:url(../images/btn_modal_close.png) no-repeat}.modal .modal_window .close_btn_t:hover,.modal .modal_window .close_btn_b:hover{opacity:0.6}}@media screen and (max-width: 640px){.modal .modal_window .close_btn_t,.modal .modal_window .close_btn_b{width:40px;height:40px;background:url(../images/sp_btn_modal_close.png) no-repeat;background-size:contain}}.modal .modal_window .close_btn_t{right:0}@media screen and (min-width: 641px), print{.modal .modal_window .close_btn_t{top:-66px}}@media screen and (max-width: 640px){.modal .modal_window .close_btn_t{top:-52px}}.modal .modal_window .close_btn_b{left:0;right:0;margin:0 auto}@media screen and (min-width: 641px), print{.modal .modal_window .close_btn_b{bottom:-66px}}@media screen and (max-width: 640px){.modal .modal_window .close_btn_b{bottom:-52px}}.modal .modal_overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;background:url(../images/bg_modal.png) repeat}@media screen and (min-width: 641px), print{.modal_message .modal_window{width:640px}}@media screen and (max-width: 640px){.modal_message .modal_window{width:91.46667%}}@media screen and (min-width: 641px), print{.modal_project_detail .modal_window{width:800px}}@media screen and (min-width: 641px) and (max-width: 1000px){.modal_project_detail .modal_window{width:91.46667%}}@media screen and (max-width: 640px){.modal_project_detail .modal_window{width:91.46667%}}.top header{padding-bottom:1px;border-bottom:none}@media screen and (min-width: 641px), print{.top .kv{padding:0 0 48px}}@media screen and (max-width: 640px){.top .kv{padding:0 0 24px}}.top .kv_slider{overflow:hidden}@media screen and (min-width: 641px), print{.top .kv_slider{height:360px}}@media screen and (max-width: 640px){.top .kv_slider{height:56.26667vw}}.top .kv_slider li{margin:0 auto}@media screen and (min-width: 641px), print{.top .kv_slider li{width:640px;height:360px}}@media screen and (max-width: 640px){.top .kv_slider li{width:100%;height:100%}}.top .kv_slider li a{display:block;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.top .kv_slider li a:hover{text-decoration:none}@media screen and (min-width: 641px), print{.top .kv_slider li a{height:100%}}@media screen and (max-width: 640px){.top .kv_slider li a{height:0;padding-bottom:56.26667%}}.top .kv_slider li .excerpt{position:absolute;left:0;right:0;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/bg_kv.png) repeat;color:#fff}@media screen and (min-width: 641px), print{.top .kv_slider li .excerpt{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 24px}}@media screen and (max-width: 640px){.top .kv_slider li .excerpt{min-height:73px;padding:8px 4.26667%}}@media screen and (min-width: 641px), print{.top .kv_slider li .project_detail{width:386px;padding:0 20px 6px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.top .kv_slider li .project_detail .project_ttl{margin-bottom:7px;line-height:1.625}.top .kv_slider li .project_detail .project_meta{font-size:10px}}@media screen and (max-width: 640px){.top .kv_slider li .project_detail{margin-right:73px}.top .kv_slider li .project_detail .project_ttl{font-size:12px;font-weight:bold;line-height:1.58333}.top .kv_slider li .project_detail .project_meta{display:none}}.top .kv_slider li .project_funding{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 641px), print{.top .kv_slider li .project_funding{position:relative;width:206px;padding-left:21px}.top .kv_slider li .project_funding:before{content:"";display:block;position:absolute;top:6px;left:0;bottom:6px;width:1px;background-color:#fff}}@media screen and (min-width: 641px), print{.top .kv_slider li .project_funding .status{padding-top:8px}}@media screen and (max-width: 640px){.top .kv_slider li .project_funding .status{padding-top:8px;font-size:0}}.top .kv_slider li .project_funding .status p{font-size:10px;font-weight:bold}.top .kv_slider li .project_funding .status p:before{content:"";display:inline-block;background-repeat:no-repeat;background-size:contain}@media screen and (min-width: 641px), print{.top .kv_slider li .project_funding .status p{margin-bottom:6px}.top .kv_slider li .project_funding .status p:before{width:14px;height:16px;margin-right:9px;vertical-align:-25%}.top .kv_slider li .project_funding .status p .value{font-size:12px}}@media screen and (max-width: 640px){.top .kv_slider li .project_funding .status p{display:inline-block;margin-right:12px}.top .kv_slider li .project_funding .status p:before{width:10px;height:12px;margin-right:4px;vertical-align:-20%}.top .kv_slider li .project_funding .status p .value{display:inline-block;-webkit-transform-origin:20px 100%;transform-origin:20px 100%;-webkit-transform:scale(.9);transform:scale(.9)}.top .kv_slider li .project_funding .status p .unit{display:inline-block;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.6);transform:scale(.6)}}.top .kv_slider li .project_funding .status .remaining_time:before{background-image:url(../images/icon_time_white.svg)}.top .kv_slider li .project_funding .status .supporter:before{background-image:url(../images/icon_supporter_white.svg)}.top .kv_slider li .project_funding .status .price:before{background-image:url(../images/icon_yen_white.svg)}@media screen and (min-width: 641px), print{.top .kv_slider li .project_funding .achievement_rate{position:absolute;top:0;right:0;bottom:0;width:64px;height:64px;margin:auto 0}}@media screen and (max-width: 640px){.top .kv_slider li .project_funding .achievement_rate{position:absolute;top:0;right:4.26667%;bottom:0;width:57px;height:57px;margin:auto 0}}.top .kv_slider li .project_funding .achievement_rate .circle_graph .circle_base{fill:transparent;stroke:rgba(0,0,0,0.3)}.top .kv_slider li .project_funding .achievement_rate .rate_val{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:50%;background-color:#000;text-align:center}@media screen and (min-width: 641px), print{.top .kv_slider li .project_funding .achievement_rate .rate_val{width:44px;height:44px;font-size:10px;line-height:44px}.top .kv_slider li .project_funding .achievement_rate .rate_val .value{font-size:12px;font-weight:bold}}@media screen and (max-width: 640px){.top .kv_slider li .project_funding .achievement_rate .rate_val{width:39.5px;height:39.5px;font-size:10px;line-height:39.5px}.top .kv_slider li .project_funding .achievement_rate .rate_val .value{display:inline-block;font-weight:bold;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}.top .kv_slider li .project_funding .achievement_rate .rate_val .unit{display:inline-block;-webkit-transform-origin:50% 55%;transform-origin:50% 55%;-webkit-transform:scale(.6);transform:scale(.6)}}.top .kv_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.top .kv_nav li{overflow:hidden;position:relative}.top .kv_nav li a{display:block;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.top .kv_nav li a:before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;background-color:rgba(30,195,154,0.6);opacity:0;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;-webkit-transform-origin:0 50%;transform-origin:0 50%}.top .kv_nav li a.active:before{opacity:1;-webkit-animation:kvPager 5s linear;animation:kvPager 5s linear}.top .kv_nav li a.active.stop:before{opacity:0;-webkit-animation:none;animation:none}@media screen and (min-width: 641px), print{.top .kv_nav{margin-bottom:14px;padding-top:16px;height:45px}.top .kv_nav li{width:80px;height:45px;margin:0 8px;border-radius:4px}.top .kv_nav li a:before{height:4px}}@media screen and (max-width: 640px){.top .kv_nav{margin-bottom:6px;padding-top:8px;height:32px}.top .kv_nav li{width:57px;height:32px;margin:0 4px;border-radius:2px}.top .kv_nav li a:before{height:3px}}.top .kv_ttl,.top .kv_lead{text-align:center}@media screen and (min-width: 641px), print{.top .kv_ttl{font-size:24px;line-height:1.6}}@media screen and (max-width: 640px){.top .kv_ttl{font-size:18px;line-height:2.2}}@media screen and (min-width: 641px), print{.top .kv_lead{margin-bottom:15px;font-size:16px;line-height:2}}@media screen and (max-width: 640px){.top .kv_lead{margin-bottom:16px;font-size:14px;line-height:1.57143}}.top .kv_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 641px), print{.top .kv_btn{width:512px;margin:0 auto 28px}.top .kv_btn p{width:240px}.top .kv_btn p .btn_default{border-radius:22px;line-height:44px}.top .kv_btn p .btn_border{border-radius:22px;line-height:42px}}@media screen and (max-width: 640px){.top .kv_btn{width:91.46667%;margin:0 auto 20px}.top .kv_btn p{width:47.81341%}.top .kv_btn p .btn{font-size:14px}.top .kv_btn p .btn_default{border-radius:20px;line-height:40px}.top .kv_btn p .btn_border{border-radius:20px;line-height:38px}}.top .kv_ticker{position:relative;overflow:hidden}.top .kv_ticker.hide p{display:none}.top .kv_ticker p{position:absolute;background-color:#fff}.top .kv_ticker a{display:block;border:solid 1px #dcdcdc;color:#393939}.top .kv_ticker a:hover{text-decoration:none;opacity:0.6}@media screen and (min-width: 641px), print{.top .kv_ticker{height:28px}.top .kv_ticker a{padding:0 14px;font-size:14px;line-height:26px}}@media screen and (max-width: 640px){.top .kv_ticker{height:25px}.top .kv_ticker a{padding:0 8px;font-size:12px;line-height:23px}}.top .kv .bx-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.top .kv .bx-viewport{-webkit-transform:translateZ(0)}@media screen and (min-width: 641px), print{.top .section_a{padding:48px 0 8px;background:url(../images/bg_section_a.png) repeat}}@media screen and (max-width: 640px){.top .section_a{padding:24px 0 4px;background:url(../images/sp_bg_section_a.png) repeat;background-size:4px 4px}}@media screen and (min-width: 641px), print{.top .section_b{padding:48px 0 8px;background:url(../images/bg_section_b.png) repeat}}@media screen and (max-width: 640px){.top .section_b{padding:24px 0 4px;background:url(../images/sp_bg_section_b.png) repeat;background-size:9px 9px}}@media screen and (min-width: 641px), print{.top .section_c{padding:48px 0 8px}}@media screen and (max-width: 640px){.top .section_c{padding:24px 0 4px}}.top .content_wrap,.top .page_ttl,.top .nav_tabs .slide_wrap,.nav_tabs .top .slide_wrap,.top .users .user_header,.users .top .user_header{position:relative}@media screen and (min-width: 641px), print{.top h3{margin-bottom:36px;padding:4px 0;font-size:20px}}@media screen and (max-width: 640px){.top h3{margin-bottom:24px;padding:7px 0;font-size:18px}}.top .view_all{position:absolute;top:0;right:0;background-color:#fff}.top .view_all a{display:block;border:solid 1px #393939;color:#393939}@media screen and (min-width: 641px), print{.top .view_all{font-size:13px}.top .view_all a{background:url(../images/icon_view_all.png) no-repeat 89.58333% 50%;padding:0 21px 0 12px;line-height:26px}.top .view_all a:hover{text-decoration:none;opacity:0.6}}@media screen and (max-width: 640px){.top .view_all{font-size:12px}.top .view_all a{padding:0 24px 0 14px;background:url(../images/sp_icon_view_all.png) no-repeat 87.36842% 50%;background-size:5px 8px;line-height:30px}}.top .reports_list{padding-bottom:4px}.top .top_notice{display:none;position:fixed;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#ff574c;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);transition:-webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);transition:transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);transition:transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1)}.top .top_notice.show,.top .top_notice.hide{display:block}@media screen and (min-width: 641px), print{.top .top_notice{right:0;bottom:64px;width:288px;padding:19px 24px;-webkit-animation:topNoticeAreaPC 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s backwards;animation:topNoticeAreaPC 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s backwards}.top .top_notice.hide{-webkit-transform:translateX(100%);transform:translateX(100%)}}@media screen and (max-width: 640px){.top .top_notice{left:0;right:0;bottom:0;padding:13px 4.26667% 9px;-webkit-animation:topNoticeAreaSP 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s backwards;animation:topNoticeAreaSP 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s backwards}.top .top_notice.hide{-webkit-transform:translateY(calc(100% + 16px));transform:translateY(calc(100% + 16px))}}.top .top_notice .close_btn{position:absolute;cursor:pointer}@media screen and (min-width: 641px), print{.top .top_notice .close_btn{top:-16px;right:4px;width:32px;height:32px;background:url(../images/btn_notice_close.png) no-repeat 50% 50%;text-indent:-9999px}.top .top_notice .close_btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../images/btn_notice_close_ov.png);opacity:0}.top .top_notice .close_btn:hover:before{opacity:1}}@media screen and (max-width: 640px){.top .top_notice .close_btn{top:-16px;right:4.26667%;width:32px;height:0;padding-bottom:32px;background:url(../images/sp_btn_notice_close.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}}.top .top_notice p{color:#fff;font-size:14px;line-height:1.71429}.top .top_notice p a{color:#fff;text-decoration:underline}@media screen and (min-width: 641px), print{.top .top_notice p a:hover{text-decoration:none}}@media screen and (min-width: 641px), print{.return h3{margin-bottom:40px}}@media screen and (max-width: 640px){.return h3{margin-bottom:24px}}.return .add_return_btn{text-align:center}.return .add_return_btn a{display:block;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px transparent;background-color:#1ec39a;color:#fff;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.return .add_return_btn a:hover{border-color:#1ec39a;background-color:#fff;color:#1ec39a;text-decoration:none}@media screen and (min-width: 641px), print{.return .add_return_btn{margin-bottom:40px;font-size:14px}.return .add_return_btn a{width:480px;line-height:46px}}@media screen and (max-width: 640px){.return .add_return_btn{margin-bottom:24px;font-size:16px}.return .add_return_btn a{width:280px;line-height:50px}}.project .form_group.last{border-bottom:none;padding-bottom:0}@media screen and (min-width: 641px), print{.project .form_group.last{margin-bottom:32px}}@media screen and (max-width: 640px){.project .form_group.last{margin-bottom:25px}}.project .question_item{background-color:#fff}.project .question_item h4{border-bottom:solid 1px #dcdcdc;background:url(../images/icon_question.png) no-repeat left center}@media screen and (min-width: 641px), print{.project .question_item{margin-bottom:24px;padding:20px 39px 32px;border:solid 1px #dcdcdc}.project .question_item h4{margin-bottom:15px;padding:16px 0 16px 24px;font-size:16px;line-height:1.4}.project .question_item p{font-size:16px;line-height:1.625}}@media screen and (max-width: 640px){.project .question_item{margin-bottom:20px;padding:8px 5.8309% 18px;border-radius:2px}.project .question_item h4{margin-bottom:12px;padding:11px 0 11px 22px;font-size:14px;line-height:1.3}.project .question_item p{font-size:14px;line-height:1.57143}}.project .ui-datepicker .ui-datepicker-title select{height:1.75em}.project .fr-toolbar{border-color:#393939}.project .fr-toolbar .fr-command.fr-btn.fr-dropdown .editor_icon{width:16px;min-width:inherit;height:16px;margin:11px 16px 11px 6px;padding:0;float:none}.project .fr-toolbar .fr-command.fr-btn.fr-dropdown .editor_icon.icon-left_line{background:url(/assets/images/icon_form_leftline.png)}.project .fr-toolbar .fr-command.fr-btn.fr-dropdown .editor_icon.icon-tb_line{background:url(/assets/images/icon_form_tbline.png)}.project .fr-toolbar .fr-command.fr-btn.fr-dropdown .editor_icon.icon-background{background:url(/assets/images/icon_form_frame.png)}.project .fr-toolbar .fr-command.fr-btn.fr-dropdown .editor_icon.icon-radius{background:url(/assets/images/icon_form_radius.png)}.project .fr-toolbar .fr-command.fr-btn.fr-dropdown .editor_icon.icon-balloon{background:url(/assets/images/icon_form_balloon.png)}.project .fr-toolbar .fr-command.fr-btn,.project .fr-popup .fr-command.fr-btn{color:#393939}.project .fr-dropdown-list li a.color_icon:before{content:"";display:inline-block;width:6px;height:6px;margin-right:0.5em;vertical-align:middle}.project .fr-dropdown-list li a.color_icon.color-black:before{background-color:#393939}.project .fr-dropdown-list li a.color_icon.color-gray:before{background-color:#b5b5b5}.project .fr-dropdown-list li a.color_icon.color-green:before{background-color:#1ec39a}.project .fr-dropdown-list li a.color_icon.color-red:before{background-color:#ff574c}@media screen and (min-width: 641px), print{.project .fr-wrapper{font-size:16px}}@media screen and (max-width: 640px){.project .fr-wrapper{font-size:12px}}.project .fr-wrapper p{line-height:1.5}.project .fr-wrapper strong{font-weight:700}.project .fr-wrapper em{font-style:italic}.project .fr-wrapper .clearfix::after{clear:both;display:block;content:"";height:0}.project .fr-wrapper .hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.project .fr-wrapper img.fr-rounded,.project .fr-wrapper .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.project .fr-wrapper img.fr-bordered,.project .fr-wrapper .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.project .fr-wrapper img.fr-bordered{-webkit-box-sizing:content-box;box-sizing:content-box}.project .fr-wrapper .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;box-sizing:border-box}.project .fr-wrapper img.fr-shadow,.project .fr-wrapper .fr-img-caption.fr-shadow img{-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 1px 1px rgba(0,0,0,0.16);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 1px 1px rgba(0,0,0,0.16)}.project .fr-wrapper .fr-view{word-wrap:break-word}.project .fr-wrapper .fr-view .fr-file{position:relative}.project .fr-wrapper .fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:normal}.project .fr-wrapper .fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.project .fr-wrapper .fr-view .fr-text-gray{color:#AAA !important}.project .fr-wrapper .fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.project .fr-wrapper .fr-view .fr-text-spaced{letter-spacing:1px}.project .fr-wrapper .fr-view .fr-text-uppercase{text-transform:uppercase}.project .fr-wrapper .fr-view .fr-class-highlighted{background-color:#ffff00}.project .fr-wrapper .fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New", Courier, monospace}.project .fr-wrapper .fr-view .fr-class-transparency{opacity:0.5}.project .fr-wrapper .fr-view img{position:relative;max-width:100%}.project .fr-wrapper .fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.project .fr-wrapper .fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.project .fr-wrapper .fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.project .fr-wrapper .fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.project .fr-wrapper .fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.project .fr-wrapper .fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.project .fr-wrapper .fr-view span.fr-img-caption{position:relative;max-width:100%}.project .fr-wrapper .fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.project .fr-wrapper .fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.project .fr-wrapper .fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.project .fr-wrapper .fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.project .fr-wrapper .fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.project .fr-wrapper .fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.project .fr-wrapper .fr-view a.fr-strong{font-weight:700}.project .fr-wrapper .fr-view a.fr-green{color:green}.project .fr-wrapper .fr-view .fr-img-caption{text-align:center}.project .fr-wrapper .fr-view .fr-img-caption .fr-img-wrap{padding:0px;display:inline-block;margin:auto;text-align:center;width:100%}.project .fr-wrapper .fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.project .fr-wrapper .fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:100%;text-align:center}.project .fr-wrapper .fr-view button.fr-rounded,.project .fr-wrapper .fr-view input.fr-rounded,.project .fr-wrapper .fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.project .fr-wrapper .fr-view button.fr-large,.project .fr-wrapper .fr-view input.fr-large,.project .fr-wrapper .fr-view textarea.fr-large{font-size:24px}.project .fr-wrapper a.fr-view.fr-strong{font-weight:700}.project .fr-wrapper a.fr-view.fr-green{color:green}.project .fr-wrapper img.fr-view{position:relative;max-width:100%}.project .fr-wrapper img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.project .fr-wrapper img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}.project .fr-wrapper img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}.project .fr-wrapper img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.project .fr-wrapper img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.project .fr-wrapper img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.project .fr-wrapper span.fr-img-caption.fr-view{position:relative;max-width:100%}.project .fr-wrapper span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.project .fr-wrapper span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}.project .fr-wrapper span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}.project .fr-wrapper span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.project .fr-wrapper span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.project .fr-wrapper span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.project .fr-wrapper h3{margin-top:1.2em;margin-bottom:0.6em;line-height:1.5}.project .fr-wrapper h3:first-child{margin-top:0}@media screen and (min-width: 641px), print{.project .fr-wrapper h3{font-size:20px}}@media screen and (max-width: 640px){.project .fr-wrapper h3{font-size:14px}}@media screen and (min-width: 641px), print{.project .fr-wrapper .under_line_black,.project .fr-wrapper .under_line_gray,.project .fr-wrapper .under_line_green,.project .fr-wrapper .under_line_red{padding-bottom:10px;border-bottom:solid 4px}}@media screen and (max-width: 640px){.project .fr-wrapper .under_line_black,.project .fr-wrapper .under_line_gray,.project .fr-wrapper .under_line_green,.project .fr-wrapper .under_line_red{padding-bottom:8px;border-bottom:solid 2px}}.project .fr-wrapper .under_line_black{border-color:#393939}.project .fr-wrapper .under_line_gray{border-color:#b5b5b5}.project .fr-wrapper .under_line_green{border-color:#1ec39a}.project .fr-wrapper .under_line_red{border-color:#ff574c}@media screen and (min-width: 641px), print{.project .fr-wrapper .left_line_black,.project .fr-wrapper .left_line_gray,.project .fr-wrapper .left_line_green,.project .fr-wrapper .left_line_red{padding:5px 16px;border-left:solid 8px}}@media screen and (max-width: 640px){.project .fr-wrapper .left_line_black,.project .fr-wrapper .left_line_gray,.project .fr-wrapper .left_line_green,.project .fr-wrapper .left_line_red{padding:4px 12px;border-left:solid 4px}}.project .fr-wrapper .left_line_black{border-color:#393939}.project .fr-wrapper .left_line_gray{border-color:#b5b5b5}.project .fr-wrapper .left_line_green{border-color:#1ec39a}.project .fr-wrapper .left_line_red{border-color:#ff574c}@media screen and (min-width: 641px), print{.project .fr-wrapper .tb_line_black,.project .fr-wrapper .tb_line_gray,.project .fr-wrapper .tb_line_green,.project .fr-wrapper .tb_line_red{padding:6px 24px;border-top:solid 4px;border-bottom:solid 4px}}@media screen and (max-width: 640px){.project .fr-wrapper .tb_line_black,.project .fr-wrapper .tb_line_gray,.project .fr-wrapper .tb_line_green,.project .fr-wrapper .tb_line_red{padding:6px 20px;border-top:solid 2px;border-bottom:solid 2px}}.project .fr-wrapper .tb_line_black{border-color:#393939}.project .fr-wrapper .tb_line_gray{border-color:#b5b5b5}.project .fr-wrapper .tb_line_green{border-color:#1ec39a}.project .fr-wrapper .tb_line_red{border-color:#ff574c}.project .fr-wrapper .bg_black,.project .fr-wrapper .bg_gray,.project .fr-wrapper .bg_green,.project .fr-wrapper .bg_red{color:#fff}@media screen and (min-width: 641px), print{.project .fr-wrapper .bg_black,.project .fr-wrapper .bg_gray,.project .fr-wrapper .bg_green,.project .fr-wrapper .bg_red{padding:5px 16px}}@media screen and (max-width: 640px){.project .fr-wrapper .bg_black,.project .fr-wrapper .bg_gray,.project .fr-wrapper .bg_green,.project .fr-wrapper .bg_red{padding:4px 16px}}.project .fr-wrapper .bg_black{background-color:#393939}.project .fr-wrapper .bg_gray{background-color:#b5b5b5}.project .fr-wrapper .bg_green{background-color:#1ec39a}.project .fr-wrapper .bg_red{background-color:#ff574c}.project .fr-wrapper .radius_black,.project .fr-wrapper .radius_gray,.project .fr-wrapper .radius_green,.project .fr-wrapper .radius_red{border-radius:9999px;color:#fff}@media screen and (min-width: 641px), print{.project .fr-wrapper .radius_black,.project .fr-wrapper .radius_gray,.project .fr-wrapper .radius_green,.project .fr-wrapper .radius_red{padding:5px 24px}}@media screen and (max-width: 640px){.project .fr-wrapper .radius_black,.project .fr-wrapper .radius_gray,.project .fr-wrapper .radius_green,.project .fr-wrapper .radius_red{padding:4px 20px}}.project .fr-wrapper .radius_black{background-color:#393939}.project .fr-wrapper .radius_gray{background-color:#b5b5b5}.project .fr-wrapper .radius_green{background-color:#1ec39a}.project .fr-wrapper .radius_red{background-color:#ff574c}.project .fr-wrapper .balloon_black,.project .fr-wrapper .balloon_gray,.project .fr-wrapper .balloon_green,.project .fr-wrapper .balloon_red{position:relative;margin-bottom:1em;border-radius:8px;color:#fff}.project .fr-wrapper .balloon_black:before,.project .fr-wrapper .balloon_gray:before,.project .fr-wrapper .balloon_green:before,.project .fr-wrapper .balloon_red:before{content:"";display:block;position:absolute;left:20px;width:0;height:0;border-style:solid}@media screen and (min-width: 641px), print{.project .fr-wrapper .balloon_black,.project .fr-wrapper .balloon_gray,.project .fr-wrapper .balloon_green,.project .fr-wrapper .balloon_red{padding:5px 16px}.project .fr-wrapper .balloon_black:before,.project .fr-wrapper .balloon_gray:before,.project .fr-wrapper .balloon_green:before,.project .fr-wrapper .balloon_red:before{bottom:-16px;border-width:16px 16px 0 0}}@media screen and (max-width: 640px){.project .fr-wrapper .balloon_black,.project .fr-wrapper .balloon_gray,.project .fr-wrapper .balloon_green,.project .fr-wrapper .balloon_red{padding:4px 16px}.project .fr-wrapper .balloon_black:before,.project .fr-wrapper .balloon_gray:before,.project .fr-wrapper .balloon_green:before,.project .fr-wrapper .balloon_red:before{bottom:-12px;border-width:12px 12px 0 0}}.project .fr-wrapper .balloon_black{background-color:#393939}.project .fr-wrapper .balloon_black:before{border-color:#393939 transparent transparent transparent}.project .fr-wrapper .balloon_gray{background-color:#b5b5b5}.project .fr-wrapper .balloon_gray:before{border-color:#b5b5b5 transparent transparent transparent}.project .fr-wrapper .balloon_green{background-color:#1ec39a}.project .fr-wrapper .balloon_green:before{border-color:#1ec39a transparent transparent transparent}.project .fr-wrapper .balloon_red{background-color:#ff574c}.project .fr-wrapper .balloon_red:before{border-color:#ff574c transparent transparent transparent}.shipping-info .arrow_2:before{content:'';position:absolute;top:0;right:16px;margin:auto;z-index:1}@media screen and (min-width: 641px), print{.shipping-info .arrow_2:before{top:12px;width:0;height:0;border-style:solid;border-width:0 5px 6px 5px;border-color:transparent transparent #999999 transparent}}@media screen and (max-width: 640px){.shipping-info .arrow_2:before{top:15px;width:0;height:0;border-style:solid;border-width:0 4px 5px 4px;border-color:transparent transparent #999999 transparent}}@media screen and (min-width: 641px), print{.shipping-info .arrow_2:after{top:auto;bottom:12px}}@media screen and (max-width: 640px){.shipping-info .arrow_2:after{top:auto;bottom:15px}}@media screen and (min-width: 641px), print{.donation_wrap .flow_block{display:-webkit-box;display:-ms-flexbox;display:flex;border:solid 1px #dcdcdc;width:960px;margin:64px auto 24px}}@media screen and (min-width: 641px) and (max-width: 1000px){.donation_wrap .flow_block{width:auto}}@media screen and (max-width: 640px){.donation_wrap .flow_block{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:solid 1px #dcdcdc;margin-bottom:32px}}.donation_wrap .flow_block li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;background-color:#ffffff;z-index:1}@media screen and (min-width: 641px), print{.donation_wrap .flow_block li{height:48px;margin-left:-16px;font-size:14px;margin-right:13px;width:240px}}@media screen and (max-width: 640px){.donation_wrap .flow_block li{text-align:center;height:12vw;margin-right:2.4vw;margin-left:-2.13333vw;font-size:10px;font-size:2.66667vw;line-height:1.5em;width:25.33333vw;-webkit-box-sizing:border-box;box-sizing:border-box}}.donation_wrap .flow_block li:after{content:'';position:absolute;z-index:1}@media screen and (min-width: 641px), print{.donation_wrap .flow_block li:after{top:0;right:-13px;background:url(../images/flow_arrow.png) no-repeat;width:13px;height:48px}}@media screen and (max-width: 640px){.donation_wrap .flow_block li:after{top:0;right:-2.4vw;background:url(../images/sp_flow_arrow.png) no-repeat;background-size:contain;width:2.4vw;height:12vw}}.donation_wrap .flow_block li:nth-child(1){z-index:4;margin-left:0}.donation_wrap .flow_block li:nth-child(2){z-index:3}.donation_wrap .flow_block li:nth-child(3){z-index:2}.donation_wrap .flow_block li:nth-child(4){z-index:1}.donation_wrap .flow_block li:last-child{margin-right:0}@media screen and (min-width: 641px), print{.donation_wrap .flow_block li:last-child{width:251px}}@media screen and (max-width: 640px){.donation_wrap .flow_block li:last-child{width:25%}}.donation_wrap .flow_block li:last-child:after{display:none}.donation_wrap .flow_block li.now{background-color:#ff574c;color:#ffffff}@media screen and (min-width: 641px), print{.donation_wrap .flow_block li.now:after{background-image:url(../images/flow_arrow_now.png)}}@media screen and (max-width: 640px){.donation_wrap .flow_block li.now:after{background-image:url(../images/sp_flow_arrow_now.png)}}.donation_wrap .return_block .return_label{font-weight:bold}@media screen and (min-width: 641px), print{.donation_wrap .return_block .return_label{font-size:16px;margin-bottom:25px}}@media screen and (max-width: 640px){.donation_wrap .return_block .return_label{font-size:14px;margin-bottom:14px}}.donation_wrap .return_block .return_group{background-color:#ffffff}@media screen and (min-width: 641px), print{.donation_wrap .return_block .return_group{-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #dcdcdc;position:relative;padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 641px) and (max-width: 1000px){.donation_wrap .return_block .return_group{display:block}}@media screen and (max-width: 640px){.donation_wrap .return_block .return_group{border:solid 1px #dcdcdc;border-top:solid .8vw #393939;padding:20px}}@media screen and (min-width: 641px) and (max-width: 1000px){.donation_wrap .return_block .return_img{margin-bottom:20px}.donation_wrap .return_block .return_img img{width:100%;height:auto}}@media screen and (max-width: 640px){.donation_wrap .return_block .return_img{margin-bottom:20px}.donation_wrap .return_block .return_img img{width:100%;height:auto}}@media screen and (min-width: 641px), print{.donation_wrap .return_block .return_txt{width:378px}}@media screen and (min-width: 641px) and (max-width: 1000px){.donation_wrap .return_block .return_txt{width:auto}}.donation_wrap .return_block .return_lead{font-weight:bold}@media screen and (min-width: 641px), print{.donation_wrap .return_block .return_lead{font-size:16px;line-height:1.75em;height:56px;margin-bottom:15px}}@media screen and (min-width: 641px) and (max-width: 1000px){.donation_wrap .return_block .return_lead{height:auto}}@media screen and (max-width: 640px){.donation_wrap .return_block .return_lead{font-size:14px;line-height:1.57em;margin-bottom:10px}}@media screen and (min-width: 641px), print{.donation_wrap .return_block .return_desc{font-size:14px;line-height:1.7em;margin-bottom:20px}}@media screen and (max-width: 640px){.donation_wrap .return_block .return_desc{font-size:12px;line-height:1.58em;margin-bottom:20px}}@media screen and (min-width: 641px) and (max-width: 1000px){.donation_wrap .return_block .return_info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (max-width: 640px){.donation_wrap .return_block .return_info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 641px), print{.donation_wrap .return_block .return_detail{border-top:solid 1px #dcdcdc;width:224px;position:absolute;top:166px;left:24px}}@media screen and (min-width: 641px) and (max-width: 1000px){.donation_wrap .return_block .return_detail{position:relative;top:0;left:0}}@media screen and (max-width: 640px){.donation_wrap .return_block .return_detail{border-top:solid 1px #dcdcdc;width:44.53333vw}}.donation_wrap .return_block .return_detail li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 641px), print{.donation_wrap .return_block .return_detail li{height:32px;border-bottom:solid 1px #dcdcdc}}@media screen and (max-width: 640px){.donation_wrap .return_block .return_detail li{height:7.46667vw;border-bottom:solid 1px #dcdcdc}}.donation_wrap .return_block .return_detail .detail_label{color:#888888}@media screen and (min-width: 641px), print{.donation_wrap .return_block .return_detail .detail_label{font-size:12px;margin-left:8px}}@media screen and (max-width: 640px){.donation_wrap .return_block .return_detail .detail_label{font-size:10px;margin-left:4px}}.donation_wrap .return_block .return_detail .detail_data{color:#393939}@media screen and (min-width: 641px), print{.donation_wrap .return_block .return_detail .detail_data{font-size:14px}}@media screen and (max-width: 640px){.donation_wrap .return_block .return_detail .detail_data{font-size:12px}}.donation_wrap .return_block .amount_money{color:#1ec39a;border:solid 1px #1ec39a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 641px), print{.donation_wrap .return_block .amount_money{width:242px;height:242px;font-size:22px}}@media screen and (max-width: 640px){.donation_wrap .return_block .amount_money{width:32vw;height:23.46667vw;font-size:14px}}.donation_wrap .return_confirm_lead{text-align:center}@media screen and (min-width: 641px), print{.donation_wrap .return_confirm_lead{font-size:16px;line-height:1.75em;margin-bottom:44px}}@media screen and (max-width: 640px){.donation_wrap .return_confirm_lead{font-size:12px;line-height:1.7em;margin-bottom:40px}}@media screen and (min-width: 641px), print{.login .login_wrap{width:544px}}@media screen and (min-width: 641px) and (max-width: 1000px){.login .login_wrap{margin-left:auto;margin-right:auto}}@media screen and (min-width: 641px), print{.login .login_ttl{text-align:center;margin-top:70px;font-size:28px;padding-bottom:40px;border-bottom:dotted 1px #d5d5d5;margin-bottom:40px}}@media screen and (max-width: 640px){.login .login_ttl{font-size:20px;margin-top:32px;margin-bottom:32px}}.login .last{border-bottom:none;padding-bottom:0}@media screen and (min-width: 641px), print{.login .last{margin-bottom:65px}}@media screen and (max-width: 640px){.login .last{margin-bottom:40px}}@media screen and (min-width: 641px), print{.login .register_lead{text-align:center;font-size:16px;margin-bottom:50px}}@media screen and (max-width: 640px){.login .register_lead{font-size:14px;margin-bottom:40px}}.donate-complete .complete_msg{border:solid 1px #dcdcdc;background-color:#fff}@media screen and (min-width: 641px), print{.donate-complete .complete_msg{margin-top:40px;margin-bottom:40px;padding:0 39px 20px}}@media screen and (max-width: 640px){.donate-complete .complete_msg{margin-top:20px;margin-bottom:40px;padding:0 5.53936% 10px}}.donate-complete .complete_msg h3{border-bottom:dotted 1px #b5b5b5;color:#ff574c}@media screen and (min-width: 641px), print{.donate-complete .complete_msg h3{margin-bottom:35px;padding:39px 0;font-size:20px;text-align:center}}@media screen and (max-width: 640px){.donate-complete .complete_msg h3{padding:14px 0;font-size:14px;line-height:1.57143}}.donate-complete .complete_msg h4{border-bottom:dotted 1px #b5b5b5;font-weight:bold}@media screen and (min-width: 641px), print{.donate-complete .complete_msg h4{margin-bottom:27px;padding:16px 0;font-size:18px}}@media screen and (max-width: 640px){.donate-complete .complete_msg h4{margin-bottom:20px;padding:20px 0;font-size:16px}}@media screen and (min-width: 641px), print{.donate-complete .complete_msg h5{margin-bottom:19px;font-size:18px;font-weight:bold}}@media screen and (max-width: 640px){.donate-complete .complete_msg h5{margin-bottom:18px;font-size:14px;font-weight:bold}}@media screen and (min-width: 641px), print{.donate-complete .complete_msg p{margin:19px 0;line-height:1.625}}@media screen and (max-width: 640px){.donate-complete .complete_msg p{margin:16px 0;font-size:14px;line-height:1.57143}}.donate-complete .complete_msg a{color:#1ec39a}@media screen and (min-width: 641px), print{.donate-complete .complete_msg ol{margin:19px 0}.donate-complete .complete_msg ol li{line-height:1.625}}@media screen and (max-width: 640px){.donate-complete .complete_msg ol{margin:19px 0}.donate-complete .complete_msg ol li{margin-bottom:0.3em;padding-left:1em;font-size:14px;line-height:1.57143;text-indent:-1em}}@media screen and (min-width: 641px), print{.donate-complete .complete_msg .credit_card{margin:0;padding:31px 0 11px;font-size:20px;line-height:1.8em;text-align:center}}@media screen and (max-width: 640px){.donate-complete .complete_msg .credit_card{margin:0;padding:15px 0 5px;font-size:14px;line-height:1.7em}}.donate-complete .complete_msg .notice_list li{padding-left:1em;color:#ff574c;font-size:14px;line-height:1.71429;text-indent:-1em}.donate-complete .complete_msg .pay_info{background-color:#f5f5f5}@media screen and (min-width: 641px), print{.donate-complete .complete_msg .pay_info{margin:35px 0 24px;padding:30px 40px 40px}}@media screen and (max-width: 640px){.donate-complete .complete_msg .pay_info{margin:20px 0 12px;padding:14px 6.60066% 28px}}.donate-complete .complete_msg .pay_info .pay_info_data span{color:#888}@media screen and (min-width: 641px), print{.donate-complete .complete_msg .pay_info .pay_info_data{margin:0 0 22px;font-size:24px;line-height:1.83333}.donate-complete .complete_msg .pay_info .pay_info_data span{margin-right:0.5em}}@media screen and (max-width: 640px){.donate-complete .complete_msg .pay_info .pay_info_data{margin:0 0 15px;font-size:18px;text-align:center}.donate-complete .complete_msg .pay_info .pay_info_data span{display:inline-block;margin-top:0.5em;font-size:14px}}.donate-complete .complete_msg .pay_info .pay_info_notice{margin:0;border:solid 1px #ff574c;background-color:#fff;color:#ff574c;text-indent:-1em}@media screen and (min-width: 641px), print{.donate-complete .complete_msg .pay_info .pay_info_notice{padding:17px 23px 17px 37px;font-size:14px;line-height:1.71429}}@media screen and (max-width: 640px){.donate-complete .complete_msg .pay_info .pay_info_notice{padding:13px 6.08365% 13px 10.64639%;font-size:12px;line-height:1.58333}}@media screen and (min-width: 641px), print{.donate-complete .btn_wrap{margin-bottom:80px}}@media screen and (max-width: 640px){.donate-complete .btn_wrap{margin-bottom:54px}}@media screen and (min-width: 641px), print{.donate-confirm .confirm_block{margin-bottom:60px;margin-top:40px}}@media screen and (max-width: 640px){.donate-confirm .confirm_block{margin-top:25px;margin-bottom:40px}}@media screen and (min-width: 641px), print{.donate-confirm .confirm_block dt{font-size:16px;margin-bottom:9px}}@media screen and (max-width: 640px){.donate-confirm .confirm_block dt{font-size:14px;margin-bottom:6px}}.donate-confirm .confirm_block dd{position:relative;background-color:#ffffff;border-top:dotted 1px #b5b5b5;margin-bottom:30px}@media screen and (min-width: 641px), print{.donate-confirm .confirm_block dd{font-size:16px;line-height:1.75em;padding:30px 25px}}@media screen and (max-width: 640px){.donate-confirm .confirm_block dd{font-size:14px;line-height:1.57em;padding:20px}}.donate-confirm .confirm_block dd .warning{color:#ff574c}.donate-confirm .confirm_block dd .edit_link{position:absolute}.donate-confirm .confirm_block dd .edit_link a{color:#1ec39a}@media screen and (min-width: 641px), print{.donate-confirm .confirm_block dd .edit_link{top:30px;right:25px;font-size:16px}}@media screen and (max-width: 640px){.donate-confirm .confirm_block dd .edit_link{top:20px;right:20px;font-size:14px}}@media screen and (min-width: 641px), print{.donate-confirm .btn_wrap{margin-bottom:80px}}@media screen and (max-width: 640px){.donate-confirm .btn_wrap{margin-bottom:54px}}@media screen and (max-width: 640px){.inquiries_confirm h3{font-size:14px;line-height:1.57em}}@media screen and (min-width: 641px), print{.inquiries_confirm .btn_wrap{margin-bottom:80px}}@media screen and (max-width: 640px){.inquiries_confirm .btn_wrap{margin-bottom:54px}}@media screen and (min-width: 641px), print{.inquiries_confirm .confirm_block{margin-bottom:60px;margin-top:40px}}@media screen and (max-width: 640px){.inquiries_confirm .confirm_block{margin-top:25px;margin-bottom:40px}}@media screen and (min-width: 641px), print{.inquiries_confirm .confirm_block dt{font-size:16px;margin-bottom:9px}}@media screen and (max-width: 640px){.inquiries_confirm .confirm_block dt{font-size:14px;margin-bottom:6px}}.inquiries_confirm .confirm_block dd{background-color:#ffffff;border-top:dotted 1px #b5b5b5;margin-bottom:30px;word-break:break-all}@media screen and (min-width: 641px), print{.inquiries_confirm .confirm_block dd{font-size:16px;line-height:1.75em;padding:30px 25px}}@media screen and (max-width: 640px){.inquiries_confirm .confirm_block dd{font-size:14px;line-height:1.57em;padding:20px}}@media screen and (min-width: 641px), print{.term_policy .caution_lead{padding:20px 40px;margin-bottom:40px}}@media screen and (max-width: 640px){.term_policy .caution_lead{padding:25px 20px;margin-bottom:32px}}@media screen and (min-width: 641px), print{.term_policy .caution_label{font-size:16px;background:url(../images/icon_caution.png) no-repeat left top;padding-left:20px;margin-bottom:10px}}@media screen and (max-width: 640px){.term_policy .caution_label{font-size:14px;line-height:16px;background:url(../images/sp_icon_caution.png) no-repeat left top;background-size:16px;padding-left:24px;margin-bottom:13px}}@media screen and (min-width: 641px), print{.term_policy .caution_desc{font-size:16px;line-height:1.75em}}@media screen and (max-width: 640px){.term_policy .caution_desc{font-size:12px;line-height:1.58em}}@media screen and (min-width: 641px), print{.term_policy .form_area{padding-top:40px;border-top:dotted 1px #dcdcdc}}@media screen and (min-width: 641px), print{.term_policy .term_desc{margin-left:40px}}.term_policy .agree_checkbox{background-color:#ffffff;border:solid 1px #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 641px), print{.term_policy .agree_checkbox{height:70px;margin-top:65px;margin-bottom:40px;font-size:18px}}@media screen and (max-width: 640px){.term_policy .agree_checkbox{padding:20px;margin-bottom:40px;font-size:14px;line-height:1.57em}}.term_policy .agree_checkbox .checkbox_icon{vertical-align:middle}@media screen and (min-width: 641px), print{.term_policy .agree_checkbox .checkbox_icon{margin-right:16px}}@media screen and (max-width: 640px){.term_policy .agree_checkbox .checkbox_icon{float:left;margin-right:10px}}@media screen and (max-width: 640px){.term_policy .agree_checkbox .checkbox_wrap:before,.term_policy .agree_checkbox .checkbox_wrap:after{content:" ";display:table}.term_policy .agree_checkbox .checkbox_wrap:after{clear:both}}.users .user_header{position:relative}@media screen and (min-width: 641px), print{.users .user_header h2{padding:72px 0 56px;font-size:28px}}@media screen and (max-width: 640px){.users .user_header h2{padding:32px 0;font-size:20px}}.users .user_header h2 .user_icon{display:inline-block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}@media screen and (min-width: 641px), print{.users .user_header h2 .user_icon{width:40px;height:40px;margin-right:8px;vertical-align:-35%}}@media screen and (max-width: 640px){.users .user_header h2 .user_icon{width:32px;height:32px;margin-right:8px;vertical-align:-38%}}.users .user_header .setting_btn{position:absolute;right:0}.users .user_header .setting_btn a{display:block;border:solid 1px #393939;color:#393939;text-align:center}.users .user_header .setting_btn a:before{content:"";display:inline-block;margin-right:8px;background:url(../images/icon_setting.svg) no-repeat;background-size:cover}.users .user_header .setting_btn a:hover{text-decoration:none}@media screen and (min-width: 641px), print{.users .user_header .setting_btn{top:63px;width:104px}.users .user_header .setting_btn a{line-height:38px}.users .user_header .setting_btn a:before{width:16px;height:16px;vertical-align:0}.users .user_header .setting_btn a:hover{opacity:0.6}}@media screen and (max-width: 640px){.users .user_header .setting_btn{top:32px;width:66px}.users .user_header .setting_btn a{font-size:12px;line-height:30px}.users .user_header .setting_btn a:before{width:12px;height:12px}}.users .user_box{border:solid 1px #dcdcdc;background-color:#fff}@media screen and (min-width: 641px), print{.users .user_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:72px 0 80px;padding:39px 39px 47px}}@media screen and (max-width: 640px){.users .user_box{margin:101px 0 40px;padding:0 5.53936% 20px}}@media screen and (min-width: 641px), print{.users .user_box .user_detail{width:54.54545%}}@media screen and (max-width: 640px){.users .user_box .user_detail{padding-bottom:18px}}.users .user_box .user_detail .user_info_head .user_icon{background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.users .user_box .user_detail .user_info_head h3{font-size:20px}@media screen and (min-width: 641px), print{.users .user_box .user_detail .user_info_head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.users .user_box .user_detail .user_info_head .user_icon{width:160px;height:160px;margin-right:40px}}@media screen and (max-width: 640px){.users .user_box .user_detail .user_info_head .user_icon{width:140px;height:140px;margin:-70px auto 18px}.users .user_box .user_detail .user_info_head h3{margin-bottom:0.8em;text-align:center}}.users .user_box .user_detail p,.users .user_box .user_detail ul{margin-bottom:0.9em;font-size:14px;line-height:1.71429}.users .user_box .letterpot{border:solid 1px #dcdcdc;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 641px), print{.users .user_box .letterpot{width:40.90909%;height:418px;padding:23px 23px 25px}}@media screen and (max-width: 640px){.users .user_box .letterpot{padding:14px 6.60066% 20px}}.users .user_box .letterpot .letterpot_logo{text-align:center}@media screen and (min-width: 641px), print{.users .user_box .letterpot .letterpot_logo{margin-bottom:26px}}@media screen and (max-width: 640px){.users .user_box .letterpot .letterpot_logo{margin-bottom:12px}.users .user_box .letterpot .letterpot_logo img{width:23px;height:24px}}.users .user_box .letterpot h4{color:#e9542e;text-align:center}@media screen and (min-width: 641px), print{.users .user_box .letterpot h4{margin-bottom:25px;font-size:18px}}@media screen and (max-width: 640px){.users .user_box .letterpot h4{margin-bottom:16px;font-size:14px}}.users .user_box .letterpot .letterpot_detail .letterpot_group{border-top:dotted 1px #dcdcdc}.users .user_box .letterpot .letterpot_detail .letterpot_group:before,.users .user_box .letterpot .letterpot_detail .letterpot_group:after{content:" ";display:table}.users .user_box .letterpot .letterpot_detail .letterpot_group:after{clear:both}.users .user_box .letterpot .letterpot_detail .letterpot_group:first-child{border-top:none}@media screen and (min-width: 641px), print{.users .user_box .letterpot .letterpot_detail .letterpot_group{padding:25px 8px}}@media screen and (max-width: 640px){.users .user_box .letterpot .letterpot_detail .letterpot_group{padding:16px 10px}}@media screen and (min-width: 641px), print{.users .user_box .letterpot .letterpot_detail h5,.users .user_box .letterpot .letterpot_detail p{font-size:14px}}@media screen and (max-width: 640px){.users .user_box .letterpot .letterpot_detail h5,.users .user_box .letterpot .letterpot_detail p{font-size:10px}}.users .user_box .letterpot .letterpot_detail h5{float:left;color:#888}.users .user_box .letterpot .letterpot_detail p{float:right}.users .user_box .letterpot.login{position:relative}@media screen and (min-width: 641px), print{.users .user_box .letterpot.login{padding:76px 23px 25px}}@media screen and (max-width: 640px){.users .user_box .letterpot.login{padding:38px 6.60066% 68px}}@media screen and (min-width: 641px), print{.users .user_box .letterpot.login .letterpot_logo{margin-bottom:24px}}@media screen and (min-width: 641px), print{.users .user_box .letterpot.login h4{margin-bottom:24px}}.users .user_box .letterpot.login .input_area{margin-bottom:16px}.users .user_box .letterpot.login .input_area input{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.users .user_box .letterpot.login .collabo_btn a{width:160px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #e9542e;background-color:#e9542e;color:#fff}@media screen and (min-width: 641px), print{.users .user_box .letterpot.login .collabo_btn a{line-height:38px}.users .user_box .letterpot.login .collabo_btn a:hover{background-color:#fff;color:#e9542e}}@media screen and (max-width: 640px){.users .user_box .letterpot.login .collabo_btn a{line-height:44px}}.users .user_box .letterpot.login .what_is{position:absolute;right:6px;bottom:9px;font-size:12px}.users .user_box .letterpot.login .what_is a{color:#e9542e}.users .msg_list{border-top:solid 1px #dcdcdc;background-color:#fff}.users .msg_list li{border-bottom:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{.users .msg_list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}}.users .msg_list li .message_head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom: 10px;border-bottom: 1px solid #55555529;width:100%}@media screen and (max-width: 640px){.users .msg_list li .message_head{margin-bottom:10px}}.users .msg_list li .message_head .user_icon span{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}@media screen and (min-width: 641px), print{.users .msg_list li .message_head .user_icon span{width:52px;height:52px}}@media screen and (max-width: 640px){.users .msg_list li .message_head .user_icon span{width:40px;height:40px}}@media screen and (min-width: 641px), print{.users .msg_list li .message_head .user_name{width:100px;padding:0 24px}.users .msg_list li .message_head .user_name p{font-size:14px;line-height:1.71429}}@media screen and (max-width: 640px){.users .msg_list li .message_head .user_name{padding-left:12px}.users .msg_list li .message_head .user_name p{font-size:14px;line-height:1.57143}}@media screen and (min-width: 641px), print{.users .msg_list li .text {padding-top: 5px;}}.users .msg_list li .text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 641px), print{.users .msg_list li .text p{font-size:14px;line-height:1.71429}}@media screen and (max-width: 640px){.users .msg_list li .text p{font-size:14px;line-height:1.57143}}.users .msg_list li .date p{color:#888}@media screen and (min-width: 641px), print{.users .msg_list li .date{padding-top:5px;padding-left:24px}.users .msg_list li .date p{font-size:14px;line-height:1.71429}}@media screen and (max-width: 640px){.users .msg_list li .date{padding-top:10px}.users .msg_list li .date p{font-size:12px}}@media screen and (min-width: 641px), print{.users.notification h3{margin-bottom:40px;font-size:18px;line-height:1.2em}}@media screen and (max-width: 640px){.users.notification h3{margin-bottom:30px;font-size:16px;line-height:1.25em}}@media screen and (min-width: 641px), print{.users.notification .notification_wrap{padding-bottom:80px}}@media screen and (max-width: 640px){.users.notification .notification_wrap{padding-bottom:40px}}@media screen and (min-width: 641px), print{.users.notification .notification_wrap .pager{margin-top:24px}}@media screen and (max-width: 640px){.users.notification .notification_wrap .pager{margin-top:20px}}@media screen and (min-width: 641px), print{.users.notification .msg_list li{padding:28px 40px}}@media screen and (max-width: 640px){.users.notification .msg_list li{padding:12px 5.8309% 16px}}@media screen and (min-width: 641px), print{.users.message .message_wrap{margin-top:72px;padding-bottom:80px}}@media screen and (max-width: 640px){.users.message .message_wrap{margin-top:32px;padding-bottom:40px}}@media screen and (min-width: 641px), print{.users.message .message_wrap .pager{margin-top:24px}}@media screen and (max-width: 640px){.users.message .message_wrap .pager{margin-top:20px}}@media screen and (min-width: 641px), print{.users.message .msg_list li{display:inherit;-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit}}.users.message .msg_list li>a{color:#393939}.users.message .msg_list li>a:hover{text-decoration:none}@media screen and (min-width: 641px), print{.users.message .msg_list li>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:14px 24px;flex-wrap: wrap}}@media screen and (max-width: 640px){.users.message .msg_list li>a{display:block;padding:16px 5.8309%}}.users.message .message_inbox{border:solid 1px #dcdcdc;background-color:#fff}@media screen and (min-width: 641px), print{.users.message .message_inbox{max-width:640px;margin:0 auto 80px;padding-bottom:40px}}@media screen and (max-width: 640px){.users.message .message_inbox{margin:0 auto 40px;padding-bottom:32px}}.users.message .message_inbox .user_head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:solid 1px #dcdcdc;background-color:#ececec}.users.message .message_inbox .user_head .user_icon span{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}@media screen and (min-width: 641px), print{.users.message .message_inbox .user_head{padding:13px 39px}.users.message .message_inbox .user_head .user_icon span{width:52px;height:52px}.users.message .message_inbox .user_head .user_name_group{padding-left:16px}}@media screen and (max-width: 640px){.users.message .message_inbox .user_head{padding:7px 5.57185%}.users.message .message_inbox .user_head .user_icon span{width:40px;height:40px}.users.message .message_inbox .user_head .user_name_group{padding-left:12px}.users.message .message_inbox .user_head .user_name_group .user_name{font-size:14px}}.users.message .message_inbox .message_form{margin:0 auto;border-bottom:solid 1px #dcdcdc}.users.message .message_inbox .message_form textarea{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.users.message .message_inbox .message_form .send_btn:before,.users.message .message_inbox .message_form .send_btn:after{content:" ";display:table}.users.message .message_inbox .message_form .send_btn:after{clear:both}.users.message .message_inbox .message_form .send_btn a{float:right}@media screen and (min-width: 641px), print{.users.message .message_inbox .message_form{width:560px;padding:32px 0}.users.message .message_inbox .message_form h4{margin-bottom:18px}.users.message .message_inbox .message_form textarea{height:7.125em;margin-bottom:17px}.users.message .message_inbox .message_form .send_btn a{width:160px;line-height:40px}}@media screen and (max-width: 640px){.users.message .message_inbox .message_form{margin:0 5.57185%;padding:31px 0 24px}.users.message .message_inbox .message_form h4{margin-bottom:12px}.users.message .message_inbox .message_form textarea{height:9.5em;margin-bottom:12px}.users.message .message_inbox .message_form .send_btn a{width:120px;font-size:14px;line-height:40px}}@media screen and (min-width: 641px), print{.users.message .message_inbox .message_history{width:512px;margin:0 auto 16px;padding:8px 0 0}}@media screen and (max-width: 640px){.users.message .message_inbox .message_history{margin:0 10.26393% 8px}}@media screen and (min-width: 641px), print{.users.message .message_inbox .message_history li{padding-bottom:14px}}@media screen and (max-width: 640px){.users.message .message_inbox .message_history li{padding-bottom:6px}}.users.message .message_inbox .message_history li .account_head{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;border-top:1px dotted #dcdcdc}.users.message .message_inbox .message_history li .account_head .user_icon span{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}@media screen and (min-width: 641px), print{.users.message .message_inbox .message_history li .account_head{padding-top:32px}.users.message .message_inbox .message_history li .account_head .user_icon span{width:52px;height:52px}.users.message .message_inbox .message_history li .account_head .user_name_group{padding-left:16px}}@media screen and (max-width: 640px){.users.message .message_inbox .message_history li .account_head{padding-top:24px}.users.message .message_inbox .message_history li .account_head .user_icon span{width:26px;height:26px}.users.message .message_inbox .message_history li .account_head .user_name_group{padding-left:12px}.users.message .message_inbox .message_history li .account_head .user_name_group .user_name{font-size:14px}}.users.message .message_inbox .message_history li:first-child .account_head{border-top:none}.users.message .message_inbox .message_history li .message{margin-bottom:18px}.account_head .date{position:absolute;right:0;color:#888;font-size:12px;line-height:1em;margin-left:10px;}@media screen and (min-width: 641px), print{.users.message .message_inbox .message_history li .message p{line-height:1.625}.users.message .message_inbox .message_history li .message .date{margin-top:7px}}@media screen and (max-width: 640px){.users.message .message_inbox .message_history li .message p{font-size:14px;line-height:1.57143}.users.message .message_inbox .message_history li .message .date{margin-top:6px}}.users.message .message_inbox .more_btn a{margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #1ec39a;background-color:#1ec39a;color:#fff;line-height:38px}@media screen and (min-width: 641px), print{.users.message .message_inbox .more_btn a{width:240px}.users.message .message_inbox .more_btn a:hover{background-color:#fff;color:#1ec39a}}@media screen and (max-width: 640px){.users.message .message_inbox .more_btn a{width:200px;font-size:14px}}@media screen and (min-width: 641px), print{.faq .faq_wrap{padding-bottom:80px}}@media screen and (max-width: 640px){.faq .faq_wrap{padding-bottom:40px}}.faq .faq_item{background-color:#ffffff;border:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{.faq .faq_item{margin-bottom:24px;padding:24px;font-size:14px;line-height:1.57em;cursor:pointer}}@media screen and (max-width: 640px){.faq .faq_item{margin-bottom:12px;padding:15px;font-size:14px;line-height:1.57em}}.faq .faq_item:last-child{margin-bottom:0}.faq .faq_item_txt{overflow:hidden;max-height:0;-webkit-transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1)}@media screen and (min-width: 641px), print{.faq .item_inner{padding-top:24px}}@media screen and (max-width: 640px){.faq .item_inner{margin-top:20px}}.faq .is-open{border-color:#ff574c}.faq .is-open .faq_item_ttl{color:#ff574c}@media screen and (min-width: 641px), print{.pages_term .term_wrap{margin-bottom:80px}}@media screen and (max-width: 640px){.pages_term .term_wrap{margin-bottom:40px}}.pages_term .term_wrap p{font-size:12px;line-height:1.58em}.pages_term h3{font-weight:bold;font-size:14px;line-height:1.35em}.pages_term dt{font-weight:bold;font-size:13px;line-height:1.46em}.pages_term dd{font-size:12px;line-height:1.58em;margin-bottom:25px}.pages_term dd a{color:#ff574c;text-decoration:underline}.pages_term dd a:hover{text-decoration:none}.pages_term ol li{text-indent:-1em;padding-left:1em}.pages_term .manual_link{font-size:14px}.pages_term .manual_link a{text-decoration:underline}.pages_term .manual_link a:hover{text-decoration:none}.inquiries .caution_lead{margin-bottom:70px;padding:16px 0}@media screen and (min-width: 641px), print{.inquiries .caution_lead p{line-height:2;text-align:center}}@media screen and (max-width: 640px){.inquiries .caution_lead{margin-bottom:36px;padding:15px 5.53936%}.inquiries .caution_lead p{font-size:14px;line-height:1.57143}}@media screen and (min-width: 641px), print{.management .management_wrap{margin-bottom:80px}}.management h4{font-weight:bold}@media screen and (min-width: 641px), print{.management h4{font-size:16px;margin-bottom:18px}}@media screen and (max-width: 640px){.management h4{font-size:14px;margin-bottom:8px}}@media screen and (max-width: 640px){.management .my_projects_list{margin-bottom:0}.management .my_projects_list li{margin-bottom:32px}}.management .project_content{background-color:#ffffff;border:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{.management .project_content{padding:30px 40px;margin-bottom:40px}}@media screen and (max-width: 640px){.management .project_content{padding:20px;margin-bottom:32px}}@media screen and (min-width: 641px), print{.management .project_content.status{font-size:16px;line-height:1.62em}}@media screen and (max-width: 640px){.management .project_content.status{font-size:14px;line-height:1.57em}}.management .project_content.status dl:nth-child(1){border-bottom:dotted 1px #b5b5b5}@media screen and (min-width: 641px), print{.management .project_content.status dl:nth-child(1){padding-bottom:30px;margin-bottom:30px}}@media screen and (max-width: 640px){.management .project_content.status dl:nth-child(1){padding-bottom:20px;margin-bottom:20px}}.management .project_content.status dl:nth-child(1) dd{color:#ff574c}.management .project_content.status dt{color:#888}@media screen and (min-width: 641px), print{.management .project_content.status dd{margin-top:-1.62em;margin-left:110px}}@media screen and (min-width: 641px), print{.management .project_content .insight{text-align:center}}@media screen and (max-width: 640px){.management .project_content .insight{font-size:14px}}@media screen and (min-width: 641px), print{.management .project_content .project_btn_wrap{margin-bottom:40px}.management .project_content .project_btn_wrap:before,.management .project_content .project_btn_wrap:after{content:" ";display:table}.management .project_content .project_btn_wrap:after{clear:both}}@media screen and (max-width: 640px){.management .project_content .project_btn_wrap{margin-bottom:20px}}@media screen and (min-width: 641px), print{.management .project_content .csv_download{float:right;width:214px}}@media screen and (max-width: 640px){.management .project_content .csv_download{display:none}}.management .project_content .csv_download a{-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #1ec39a;background-color:#1ec39a;color:#fff}@media screen and (min-width: 641px), print{.management .project_content .csv_download a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px}.management .project_content .csv_download a:hover{text-decoration:none;background-color:#fff;color:#1ec39a}.management .project_content .csv_download a:hover span:after{opacity:1}}.management .project_content .csv_download span{position:relative;padding-left:24px}.management .project_content .csv_download span:before,.management .project_content .csv_download span:after{content:'';position:absolute;top:0;bottom:0;left:0;width:14px;height:12px;margin:auto;background:url(../images/icon_download.png) no-repeat left center}.management .project_content .csv_download span:after{background-position:right center;opacity:0;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}@media screen and (min-width: 641px), print{.management .project_content .return_btn{float:left}}@media screen and (max-width: 640px){.management .project_content .return_btn{margin-bottom:12px}}.management .project_content .return_btn select{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #dcdcdc;border-radius:0;background:url(../images/icon_triangle_bottom.svg) no-repeat #fff;color:#393939;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media screen and (min-width: 641px), print{.management .project_content .return_btn select{width:240px;height:40px;padding-left:24px;background-position:93.04348% 50%;background-size:8px 6px;font-size:16px}}@media screen and (max-width: 640px){.management .project_content .return_btn select{width:100%;height:47px;padding-left:16px;background-position:94.84536% 50%;background-size:10px 8px;font-size:14px}}@media screen and (min-width: 641px), print{.management .project_content .batch_btn{float:right;width:214px;margin:0 24px}}.management .project_content .batch_btn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #1ec39a;background-color:#1ec39a;color:#fff}@media screen and (min-width: 641px), print{.management .project_content .batch_btn a{height:40px}.management .project_content .batch_btn a:hover{text-decoration:none;background-color:#fff;color:#1ec39a}}@media screen and (max-width: 640px){.management .project_content .batch_btn a{height:47px;font-size:14px}}.management .project_content .score{border:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{.management .project_content .score{padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:24px}}@media screen and (max-width: 640px){.management .project_content .score{padding:15px;margin-bottom:32px}}.management .project_content .score span{color:#888;display:block;font-size:14px}@media screen and (min-width: 641px), print{.management .project_content .score span{margin-bottom:10px}}.management .project_content .score p{font-size:18px}@media screen and (min-width: 641px), print{.management .project_content .score li{border-right:solid 1px #dcdcdc;height:56px;width:239px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 641px) and (max-width: 1000px){.management .project_content .score li{width:27.22096%}}@media screen and (max-width: 640px){.management .project_content .score li{border-bottom:solid 1px #dcdcdc}}.management .project_content .score li div{text-align:center}@media screen and (max-width: 640px){.management .project_content .score li div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px}}@media screen and (min-width: 641px), print{.management .project_content .score li:nth-child(1){width:139px}}@media screen and (min-width: 641px) and (max-width: 1000px){.management .project_content .score li:nth-child(1){width:15.83144%}}@media screen and (max-width: 640px){.management .project_content .score li:nth-child(1){font-size:18px;text-align:center;padding-bottom:15px}}.management .project_content .member_list{border:solid 1px #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 641px), print{.management .project_content .member_list{margin-bottom:30px}}@media screen and (max-width: 640px){.management .project_content .member_list{margin-bottom:20px}}@media screen and (min-width: 641px), print{.management .project_content .member_list ul:nth-child(1){width:56px}}@media screen and (min-width: 641px) and (max-width: 1000px){.management .project_content .member_list ul:nth-child(1){width:17.12707%}}@media screen and (max-width: 640px){.management .project_content .member_list ul:nth-child(1){width:17.12707%}}@media screen and (min-width: 641px), print{.management .project_content .member_list ul:nth-child(2){width:157px}}@media screen and (min-width: 641px) and (max-width: 1000px){.management .project_content .member_list ul:nth-child(2){width:33.5175%}}@media screen and (max-width: 640px){.management .project_content .member_list ul:nth-child(2){width:33.5175%}}@media screen and (max-width: 640px){.management .project_content .member_list ul:nth-child(2) .member_list_td{padding:0 3px}}.management .project_content .member_list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 641px), print{.management .project_content .member_list .member_list_slide{display:-webkit-box;display:-ms-flexbox;display:flex;width:663px}}@media screen and (min-width: 641px) and (max-width: 1000px){.management .project_content .member_list .member_list_slide{width:59.48435%}}@media screen and (max-width: 640px){.management .project_content .member_list .member_list_slide{width:59.48435%}}@media screen and (min-width: 641px) and (max-width: 1000px){.management .project_content .member_list .member_list_slide .slick-prev{outline:none;position:absolute;top:15px;left:15px;z-index:1;padding:0;background-color:transparent;text-indent:-9999px;width:0;height:0;border-style:solid;border-width:5px 8px 5px 0;border-color:transparent #393939 transparent transparent}}@media screen and (max-width: 640px){.management .project_content .member_list .member_list_slide .slick-prev{outline:none;position:absolute;top:15px;left:15px;z-index:1;padding:0;background-color:transparent;text-indent:-9999px;width:0;height:0;border-style:solid;border-width:5px 8px 5px 0;border-color:transparent #393939 transparent transparent}}@media screen and (min-width: 641px) and (max-width: 1000px){.management .project_content .member_list .member_list_slide .slick-next{outline:none;position:absolute;top:15px;right:15px;z-index:1;padding:0;background-color:transparent;text-indent:-9999px;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #393939}}@media screen and (max-width: 640px){.management .project_content .member_list .member_list_slide .slick-next{outline:none;position:absolute;top:15px;right:15px;z-index:1;padding:0;background-color:transparent;text-indent:-9999px;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #393939}}@media screen and (min-width: 641px), print{.management .project_content .member_list .member_list_slide ul:nth-child(1){width:129px}}@media screen and (min-width: 641px), print{.management .project_content .member_list .member_list_slide ul:nth-child(2){width:177px}}@media screen and (min-width: 641px), print{.management .project_content .member_list .member_list_slide ul:nth-child(3){width:122px}}@media screen and (min-width: 641px), print{.management .project_content .member_list .member_list_slide ul:nth-child(4){width:70px}}@media screen and (min-width: 641px), print{.management .project_content .member_list .member_list_slide ul:nth-child(5){width:70px}}.management .project_content .member_list .member_list_slide ul:nth-child(6){border-right:none}@media screen and (min-width: 641px), print{.management .project_content .member_list .member_list_slide ul:nth-child(6){width:90px}}.management .project_content .member_list .member_list_th{background-color:#ececec}@media screen and (min-width: 641px), print{.management .project_content .member_list .member_list_th{height:32px;font-size:12px}}@media screen and (min-width: 641px) and (max-width: 1000px){.management .project_content .member_list .member_list_th{height:42px;font-size:12px}}@media screen and (max-width: 640px){.management .project_content .member_list .member_list_th{height:42px;font-size:12px}}@media screen and (min-width: 641px), print{.management .project_content .member_list .member_list_td{height:50px;font-size:14px}}@media screen and (min-width: 641px) and (max-width: 1000px){.management .project_content .member_list .member_list_td{font-size:11px;line-height:1.63em;height:60px}}@media screen and (max-width: 640px){.management .project_content .member_list .member_list_td{font-size:11px;line-height:1.63em;height:60px}}@media screen and (min-width: 641px) and (max-width: 1000px){.management .project_content .member_list .member_list_td img{width:64px;height:auto}}@media screen and (max-width: 640px){.management .project_content .member_list .member_list_td img{width:29.72136%;height:auto}}.management .project_content .member_list .member_list_col{border-bottom:solid 1px #dcdcdc}.management .project_content .member_list .member_list_col:last-child{border-bottom:none}.management .project_content .member_list .member_list_row{border-right:solid 1px #dcdcdc}.management .project_content .member_list .member_list_row p{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 641px), print{.management .project_content .member_list .member_list_row p{width:6em;margin-left:10px}}@media screen and (min-width: 641px) and (max-width: 1000px){.management .project_content .member_list .member_list_row p{width:7em;margin-left:10px}}@media screen and (max-width: 640px){.management .project_content .member_list .member_list_row p{width:7em;margin-left:4.64396%}}@media screen and (min-width: 641px), print{.management .modal_batch_send .modal_window{width:640px}}@media screen and (max-width: 640px){.management .modal_batch_send .modal_window{width:91.46667%}}@media screen and (min-width: 641px), print{.management .modal_batch_send .close_btn_b{display:none}}.management .batch_send{border:solid 1px #dcdcdc;background-color:#fff}.management .batch_send.edit{display:none}.management .batch_send_ttl{border-bottom:solid 1px #dcdcdc;background-color:#ececec}@media screen and (min-width: 641px), print{.management .batch_send_ttl{margin-bottom:24px;padding:0 23px}.management .batch_send_ttl h5{padding:15px 0;font-size:16px;line-height:48px}}@media screen and (max-width: 640px){.management .batch_send_ttl{margin-bottom:20px;padding:13px 5.53936%}.management .batch_send_ttl h5{font-size:14px;line-height:1.57143}}@media screen and (min-width: 641px), print{.management .batch_send_form{padding:0 23px 32px}}@media screen and (max-width: 640px){.management .batch_send_form{padding:0 5.53936% 25px}}@media screen and (min-width: 641px), print{.management .batch_send_form input[type="checkbox"]{margin:0 12px 0 0}.management .batch_send_form input[type="checkbox"]+.checkbox_icon{display:none}}@media screen and (max-width: 640px){.management .batch_send_form input[type="checkbox"]{display:none}.management .batch_send_form input[type="checkbox"]+.checkbox_icon{display:inline-block;width:28px;height:28px;margin-right:12px;background:no-repeat url(../images/sp_btn_check.png) 50% 0;background-size:100% auto;vertical-align:middle}.management .batch_send_form input[type="checkbox"]:checked+.checkbox_icon{background-position:50% 100%}}.management .batch_send_form .all_check label{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{.management .batch_send_form .all_check{margin-bottom:16px;font-size:14px}.management .batch_send_form .all_check label{width:160px;height:32px;padding:7px 0 0 16px}}@media screen and (max-width: 640px){.management .batch_send_form .all_check{margin-bottom:20px;font-size:14px}.management .batch_send_form .all_check label{height:46px;padding:8px 0 0 15px}}.management .batch_send_form ul{border-top:dashed 1px #b5b5b5}.management .batch_send_form ul li{border-bottom:dashed 1px #b5b5b5;font-size:14px}.management .batch_send_form ul li label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 641px), print{.management .batch_send_form ul{margin-bottom:24px}.management .batch_send_form ul li{padding:0 10px 0 17px}.management .batch_send_form ul li label{padding:13px 0}}@media screen and (max-width: 640px){.management .batch_send_form ul{margin-bottom:20px}.management .batch_send_form ul li{padding:0 10px 0 16px}.management .batch_send_form ul li label{padding:16px 0}}.management .batch_send_form .send_btn{text-align:center}.management .batch_send_form .send_btn button{height:40px;margin:0 auto;border:solid 1px #1ec39a;background-color:#1ec39a;color:#fff;line-height:1em;cursor:pointer}@media screen and (min-width: 641px), print{.management .batch_send_form .send_btn button{width:214px}.management .batch_send_form .send_btn button:hover{text-decoration:none;background-color:#fff;color:#1ec39a}}@media screen and (max-width: 640px){.management .batch_send_form .send_btn button{width:200px;font-size:14px}}.management .batch_send_form h6 em{color:#ff574c}@media screen and (min-width: 641px), print{.management .batch_send_form h6{margin-bottom:16px}}@media screen and (max-width: 640px){.management .batch_send_form h6{margin-bottom:12px;font-size:14px}}.management .batch_send_form .batch_send_users{overflow:auto;border:solid 1px #dcdcdc}.management .batch_send_form .batch_send_users p{font-size:12px;line-height:1.6}@media screen and (min-width: 641px), print{.management .batch_send_form .batch_send_users{height:86px;margin-bottom:32px}.management .batch_send_form .batch_send_users p{padding:20px 24px}}@media screen and (max-width: 640px){.management .batch_send_form .batch_send_users{height:100px;margin-bottom:24px}.management .batch_send_form .batch_send_users p{padding:13px 4.98339%}}.management .batch_send_form textarea{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 641px), print{.management .batch_send_form textarea{height:194px;margin-bottom:16px}}@media screen and (max-width: 640px){.management .batch_send_form textarea{height:132px;margin-bottom:12px}}.management .batch_send_form .submit_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.management .batch_send_form .submit_btn a,.management .batch_send_form .submit_btn button{line-height:38px}@media screen and (max-width: 640px){.management .batch_send_form .submit_btn a,.management .batch_send_form .submit_btn button{font-size:14px}}.management .batch_send_form .submit_btn a{background-color:#1ec39a}@media screen and (min-width: 641px), print{.management .batch_send_form .submit_btn a{width:90px}.management .batch_send_form .submit_btn a:hover{text-decoration:none;border-color:#1ec39a;background-color:#fff;color:#1ec39a}}@media screen and (max-width: 640px){.management .batch_send_form .submit_btn a{width:80px}}.management .batch_send_form .submit_btn button{padding:0;background-color:#ff574c;cursor:pointer}@media screen and (min-width: 641px), print{.management .batch_send_form .submit_btn button{width:160px}.management .batch_send_form .submit_btn button:hover{text-decoration:none;background-color:#fff;color:#ff574c}}@media screen and (max-width: 640px){.management .batch_send_form .submit_btn button{width:120px}}@media screen and (min-width: 641px), print{.project_detail .project_detail_wrap{margin-bottom:80px}}@media screen and (max-width: 640px){.project_detail .project_detail_wrap{margin:0 0 40px}}.project_detail .project_detail_head_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 641px), print{.project_detail .project_detail_head_inner{margin-top:24px;margin-bottom:20px}}@media screen and (max-width: 640px){.project_detail .project_detail_head_inner{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:91.46667%;margin:12px auto}}@media screen and (min-width: 641px), print{.project_detail .project_detail_head_inner .fav_btn{width:288px}}@media screen and (max-width: 640px){.project_detail .project_detail_head_inner .fav_btn{display:none}}.project_detail .project_detail_head_inner .fav_btn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.project_detail .project_detail_head_inner .fav_btn a:hover{text-decoration:none}@media screen and (min-width: 641px), print{.project_detail .project_detail_head_inner .fav_btn a{height:30px;border:solid 1px #ff574c;border-radius:16px;font-size:14px}.project_detail .project_detail_head_inner .fav_btn a:hover{opacity:0.6}}.project_detail .project_detail_head_inner .fav_btn a .remove{display:none}.project_detail .project_detail_head_inner .fav_btn a.cancel{background-color:#ff574c;color:#fff}.project_detail .project_detail_head_inner .fav_btn a.cancel span:before{background-position:right center}.project_detail .project_detail_head_inner .fav_btn a.cancel .add{display:none}.project_detail .project_detail_head_inner .fav_btn a.cancel .remove{display:inherit}.project_detail .project_detail_head_inner .fav_btn span{position:relative}@media screen and (min-width: 641px), print{.project_detail .project_detail_head_inner .fav_btn span{padding-left:30px}}.project_detail .project_detail_head_inner .fav_btn span:before{content:'';position:absolute;top:0;bottom:0;left:0;margin:auto}@media screen and (min-width: 641px), print{.project_detail .project_detail_head_inner .fav_btn span:before{background:url(../images/icon_star.png) no-repeat left center;width:19px;height:18px}}.project_detail .kv_ticker{position:relative;overflow:hidden}.project_detail .kv_ticker p{background-color:#fff}@media screen and (min-width: 641px), print{.project_detail .kv_ticker p{position:absolute}}.project_detail .kv_ticker a{display:block;border:solid 1px #dcdcdc;color:#393939}.project_detail .kv_ticker a:hover{text-decoration:none;opacity:0.6}@media screen and (min-width: 641px), print{.project_detail .kv_ticker{width:156px}.project_detail .kv_ticker a{padding:0 14px;font-size:14px;line-height:30px}}@media screen and (max-width: 640px){.project_detail .kv_ticker{height:25px}.project_detail .kv_ticker a{padding:0 8px;font-size:12px;line-height:23px}}@media screen and (min-width: 641px), print{.project_detail .account{display:none}}@media screen and (max-width: 640px){.project_detail .account{display:block;padding-bottom:5px}}@media screen and (max-width: 640px){.project_detail .account a{color:#000;font-size:14px;text-decoration:underline;position:relative;margin-left:28px}}@media screen and (max-width: 640px){.project_detail .account a:before{content:'';position:absolute;top:0;bottom:0;left:-28px;background:url(../images/profile_img.png) no-repeat center center;background-size:contain;width:20px;height:20px;border-radius:10px;border:solid 1px #dcdcdc;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}}@media screen and (min-width: 641px), print{.project_detail .project_detail_head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .project_detail_head{display:block}}@media screen and (min-width: 641px), print{.project_detail .kv_block{width:640px;padding-bottom:20px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .kv_block{margin:0 auto;padding-bottom:0}}.project_detail .kv_block li{background-color:#cccccc}@media screen and (min-width: 641px), print{.project_detail .kv_slider{margin-bottom:16px}}@media screen and (max-width: 640px){.project_detail .kv_slider{margin-bottom:8px}}@media screen and (min-width: 641px), print{.project_detail .kv_slider li{height:360px}}@media screen and (max-width: 640px){.project_detail .kv_slider li{height:56.26667vw}}.project_detail .kv_slider li.video{position:relative;cursor:pointer}.project_detail .kv_slider li.video:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:url(../images/icon_play.png) no-repeat 0 0}@media screen and (min-width: 641px), print{.project_detail .kv_slider li.video:before{width:120px;height:120px}.project_detail .kv_slider li.video:hover:before{background-position:100% 0}}@media screen and (max-width: 640px){.project_detail .kv_slider li.video:before{width:16%;height:0;padding-bottom:16%;background-size:200% 100%}}@media screen and (min-width: 641px), print{.project_detail .kv_slider img{width:640px;height:auto}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .kv_slider img{width:100%}}@media screen and (max-width: 640px){.project_detail .kv_slider img{width:100vw;height:auto}}.project_detail .kv_sub_slider{position:relative}@media screen and (min-width: 641px), print{.project_detail .kv_sub_slider{width:610px;margin:0 auto 23px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .kv_sub_slider{width:95.3125%}}@media screen and (max-width: 640px){.project_detail .kv_sub_slider{width:84.53333vw;margin:0 auto 15px}}.project_detail .kv_sub_slider li{cursor:pointer;overflow:hidden}@media screen and (min-width: 641px), print{.project_detail .kv_sub_slider li{width:80px;height:45px;border-radius:4px;margin-right:8px}}@media screen and (max-width: 640px){.project_detail .kv_sub_slider li{width:15.2vw;height:8.53333vw;border-radius:.53333vw;margin-right:2.13333vw}}.project_detail .kv_sub_slider li img{height:auto}@media screen and (min-width: 641px), print{.project_detail .kv_sub_slider li img{width:80px}}@media screen and (max-width: 640px){.project_detail .kv_sub_slider li img{width:15.2vw}}.project_detail .kv_sub_slider .slick-arrow{text-indent:-9999px;border:none;display:block;padding:0;position:absolute;bottom:0;outline:none;cursor:pointer}@media screen and (min-width: 641px), print{.project_detail .kv_sub_slider .slick-arrow{width:16px;height:45px}}@media screen and (max-width: 640px){.project_detail .kv_sub_slider .slick-arrow{width:7.73333vw;height:8.53333vw}}.project_detail .kv_sub_slider .slick-prev{background:url(../images/project_detail_slide_prev.png) no-repeat left center}@media screen and (min-width: 641px), print{.project_detail .kv_sub_slider .slick-prev{background-size:6px 10px;left:-16px}}@media screen and (max-width: 640px){.project_detail .kv_sub_slider .slick-prev{background-size:1.33333vw 2.13333vw;background-position:3.2vw center;left:-7.73333vw}}.project_detail .kv_sub_slider .slick-next{background:url(../images/project_detail_slide_next.png) no-repeat right center}@media screen and (min-width: 641px), print{.project_detail .kv_sub_slider .slick-next{background-size:6px 10px;right:-16px}}@media screen and (max-width: 640px){.project_detail .kv_sub_slider .slick-next{background-size:1.33333vw 2.13333vw;background-position:right 3.2vw center;right:-7.73333vw}}.project_detail .kv_line{margin:0 0 12px;border:0;border-bottom:dotted 1px #b5b5b5}@media screen and (max-width: 640px){.project_detail .kv_line{display:none}}@media screen and (min-width: 641px), print{.project_detail .project_lead{font-size:24px;line-height:1.58em}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .project_lead{font-size:14px;line-height:1.58em;width:91.46667%;margin:0 auto 15px}}@media screen and (max-width: 640px){.project_detail .project_lead{font-size:14px;line-height:1.58em;width:91.46667%;margin:10px auto 15px}}.project_detail .project_desc{color:#393939}@media screen and (min-width: 641px), print{.project_detail .project_desc{margin-top:10px;font-size:15px;line-height:normal}}@media screen and (max-width: 640px){.project_detail .project_desc{width:91.46667%;margin:0 auto 15px;font-size:12px;line-height:1.58em}}@media screen and (min-width: 641px), print{.project_detail .data_block{width:288px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .data_block{width:auto}}.project_detail .graph_data{background-color:#ffffff;text-align:center}@media screen and (min-width: 641px), print{.project_detail .graph_data{border:solid 1px #dcdcdc;padding:24px 0;margin-bottom:16px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .graph_data{position:relative;border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;padding:32px 16px 24px;margin-bottom:20px}}@media screen and (max-width: 640px){.project_detail .graph_data{position:relative;border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;padding:16px 16px 12px;margin-bottom:20px}}@media screen and (min-width: 641px), print{.project_detail .graph_data .amount_wrap{margin-bottom:14px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .graph_data .amount_wrap{width:70.26239%;padding-bottom:10px;border-bottom:solid 1px #dcdcdc}}@media screen and (max-width: 640px){.project_detail .graph_data .amount_wrap{margin-right:102px;padding-bottom:10px;border-bottom:solid 1px #dcdcdc}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .graph_data .amount_inner{margin-top:5px;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 640px){.project_detail .graph_data .amount_inner{margin-top:5px;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.project_detail .graph_data .amount_label{color:#888}@media screen and (min-width: 641px), print{.project_detail .graph_data .amount_label{font-size:14px;margin-bottom:9px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .graph_data .amount_label{font-size:10px}}@media screen and (max-width: 640px){.project_detail .graph_data .amount_label{font-size:10px}}@media screen and (min-width: 641px), print{.project_detail .graph_data .amount_data{font-size:30px;margin-bottom:12px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .graph_data .amount_data{font-size:20px}}@media screen and (max-width: 640px){.project_detail .graph_data .amount_data{font-size:20px}}@media screen and (max-width: 374px){.project_detail .graph_data .amount_data{font-size:4.8vw}}.project_detail .graph_data .target_amount{color:#888}@media screen and (min-width: 641px), print{.project_detail .graph_data .target_amount{font-size:12px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .graph_data .target_amount{font-size:10px;text-align:right}}@media screen and (max-width: 640px){.project_detail .graph_data .target_amount{font-size:10px;text-align:right}}@media screen and (min-width: 641px), print{.project_detail .graph_data .graph{height:160px;margin-bottom:15px}.project_detail .graph_data .graph .rate_val{width:112px;height:112px;font-size:20px;line-height:112px}.project_detail .graph_data .graph .rate_val .value{font-size:32px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .graph_data .graph{position:absolute;top:0;right:16px;bottom:0;height:160px;margin:auto 0}}@media screen and (max-width: 640px){.project_detail .graph_data .graph{position:absolute;top:0;right:16px;bottom:0;height:80px;margin:auto 0}.project_detail .graph_data .graph .rate_val{width:52px;height:52px;font-size:10px;line-height:50px}.project_detail .graph_data .graph .rate_val .value{font-size:14px}}.project_detail .graph_data .data_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .graph_data .data_inner{width:70.26239%}}@media screen and (max-width: 640px){.project_detail .graph_data .data_inner{margin-right:102px}}@media screen and (min-width: 641px), print{.project_detail .graph_data .data_inner li{width:144px;height:44px}}@media screen and (max-width: 640px){.project_detail .graph_data .data_inner li{height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.project_detail .graph_data .data_inner li:nth-child(1){border-right:solid 1px #dcdcdc}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .graph_data .data_inner li:nth-child(1){width:39.41909%}}@media screen and (max-width: 640px){.project_detail .graph_data .data_inner li:nth-child(1){width:39.41909%;padding-right:11px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .graph_data .data_inner li:nth-child(2){width:60.16598%}}@media screen and (max-width: 640px){.project_detail .graph_data .data_inner li:nth-child(2){width:60.16598%;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box}}.project_detail .graph_data .data_inner .label{color:#888}@media screen and (min-width: 641px), print{.project_detail .graph_data .data_inner .label{font-size:14px;margin-bottom:10px}}@media screen and (max-width: 640px){.project_detail .graph_data .data_inner .label{font-size:10px}}@media screen and (min-width: 641px), print{.project_detail .graph_data .data_inner .data{font-size:20px}}@media screen and (max-width: 640px){.project_detail .graph_data .data_inner .data{font-size:14px}}@media screen and (max-width: 374px){.project_detail .graph_data .data_inner .data{font-size:3.2vw;letter-spacing:-0.05em}}@media screen and (min-width: 641px), print{.project_detail .graph_data.fanclub_data{padding:24px 0}}@media screen and (max-width: 640px){.project_detail .graph_data.fanclub_data{padding:20px 0}}.project_detail .graph_data.fanclub_data .fanclub_data_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project_detail .graph_data.fanclub_data .fanclub_data_wrap .label{color:#888}@media screen and (min-width: 641px), print{.project_detail .graph_data.fanclub_data .fanclub_data_wrap .label{font-size:14px;margin-right:30px}}@media screen and (max-width: 640px){.project_detail .graph_data.fanclub_data .fanclub_data_wrap .label{font-size:10px;margin-right:25px}}.project_detail .graph_data.fanclub_data .fanclub_data_wrap .data{font-size:20px}@media screen and (max-width: 640px){.project_detail .support_btn{width:91.46667%;margin:0 auto}}.project_detail .support_btn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:18px}@media screen and (min-width: 641px), print{.project_detail .support_btn a{height:72px}}@media screen and (max-width: 640px){.project_detail .support_btn a{height:60px}}.project_detail .support_btn_sp{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;left:0;bottom:0;z-index:1;height:48px;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 0.4s ease-out;transition:-webkit-transform 0.4s ease-out;transition:transform 0.4s ease-out;transition:transform 0.4s ease-out, -webkit-transform 0.4s ease-out}@media screen and (min-width: 641px), print{.project_detail .support_btn_sp{display:none}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .support_btn_sp{display:-webkit-box;display:-ms-flexbox;display:flex}}.project_detail .support_btn_sp .close_btn{position:relative;z-index:1;width:24px;background:url(../images/sp_arrow_left_white.png) no-repeat 47.36842% 50% #ff1e17;background-size:5px 8px;text-indent:-9999px;cursor:pointer}.project_detail .support_btn_sp .btn_group{width:240px;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)}.project_detail .support_btn_sp .btn_group a{height:48px;margin-left:16px;font-size:16px}.project_detail .support_btn_sp.close .close_btn{background-image:url(../images/sp_arrow_right_white.png);background-position:52.63158% 50%}.project_detail .support_btn_sp.close .btn_group{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media screen and (min-width: 641px), print{.project_detail .fixed .support_btn{position:fixed;top:0;left:50%;z-index:1;width:288px;margin-left:192px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .fixed .support_btn{position:static;top:inherit;left:inherit;width:inherit;margin-left:inherit}}.project_detail .fixed .support_btn_sp{-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 641px), print{.project_detail .support_notes{margin-top:15px;font-size:12px;line-height:1.66em}}@media screen and (max-width: 640px){.project_detail .support_notes{font-size:12px;line-height:1.58em;width:91.46667%;margin:10px auto 17px}}.project_detail .support_notes span{color:#ff574c}@media screen and (min-width: 641px), print{.project_detail .share_btn{position:fixed;top:224px;right:10px;z-index:1}}@media screen and (max-width: 640px){.project_detail .share_btn{width:91.46667%;margin:0 auto 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 641px), print{.project_detail .share_btn li{width:40px;margin-bottom:10px}}@media screen and (max-width: 640px){.project_detail .share_btn li{width:11.73333vw}}.project_detail .share_btn a{display:block}@media screen and (min-width: 641px), print{.project_detail .share_btn a{height:40px}.project_detail .share_btn a svg:hover .cls_tw_1,.project_detail .share_btn a svg:hover .cls_fb_1,.project_detail .share_btn a svg:hover .cls_line_1,.project_detail .share_btn a svg:hover .cls_copy_1{fill:#fff}.project_detail .share_btn a svg:hover .cls_tw_2{fill:#1da1f2}.project_detail .share_btn a svg:hover .cls_fb_2{fill:#2a5b9f}.project_detail .share_btn a svg:hover .cls_line_2{fill:#00c300}.project_detail .share_btn a svg:hover .cls_copy_2{fill:#555}}@media screen and (max-width: 640px){.project_detail .share_btn a{height:11.73333vw}}.project_detail .share_btn a img,.project_detail .share_btn a svg{width:100%;height:auto;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.project_detail .share_btn .copy_btn{position:relative}.project_detail .share_btn .copy_btn .copy_link{display:none;position:absolute;top:-30px;width:110px;margin:0 auto;background:#ececec;border-radius:4px;font-size:10px;font-weight:normal;line-height:2em;text-align:center;-webkit-animation:fadeInUp 0.4s ease-out;animation:fadeInUp 0.4s ease-out}.project_detail .share_btn .copy_btn .copy_link.hide{-webkit-animation:fadeOutUp 0.4s ease-out forwards;animation:fadeOutUp 0.4s ease-out forwards}.project_detail .share_btn .copy_btn .copy_link:before{content:"";position:absolute;bottom:-10px;width:0;border:solid 5px #ececec;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent}@media screen and (min-width: 641px), print{.project_detail .share_btn .copy_btn .copy_link{right:0}.project_detail .share_btn .copy_btn .copy_link:before{right:16px}}@media screen and (max-width: 640px){.project_detail .share_btn .copy_btn .copy_link{left:-33px}.project_detail .share_btn .copy_btn .copy_link:before{left:0;right:0;margin:0 auto}}@media screen and (min-width: 641px), print{.project_detail .share_btn .fav_btn{display:none}}@media screen and (max-width: 640px){.project_detail .share_btn .fav_btn{width:31.46667vw}.project_detail .share_btn .fav_btn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:11.73333vw;border:solid 1px #ff574c;border-radius:5.86667vw;font-size:14px;font-size:3.73333vw}.project_detail .share_btn .fav_btn a.cancel{background-color:#ff574c;color:#fff}.project_detail .share_btn .fav_btn a.cancel span:before{background-position:right center}.project_detail .share_btn .fav_btn span{padding-left:6.93333vw;position:relative}.project_detail .share_btn .fav_btn span:before{content:'';position:absolute;top:0;bottom:0;left:0;margin:auto;background:url(../images/sp_icon_star.png) no-repeat;background-size:200% 100%;width:5.06667vw;height:4.8vw}}@media screen and (min-width: 641px), print{.project_detail .project_detail_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .project_detail_content{display:block}}@media screen and (min-width: 641px), print{.project_detail .project_article{width:640px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .project_article{width:auto}}@media screen and (max-width: 640px){.project_detail .project_article{margin-bottom:40px}}.project_detail .project_article .nav_tabs{margin-bottom:0}@media screen and (max-width: 640px){.project_detail .project_article .nav_tabs a{text-decoration:none;outline:none}}@media screen and (min-width: 641px), print{.project_detail .project_article .nav_tabs ul li a{padding-left:40px;padding-right:40px}}.project_detail .project_article .article_inner{background-color:#ffffff;border-bottom:solid 1px #dcdcdc;display:none}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner{border-right:solid 1px #dcdcdc;border-left:solid 1px #dcdcdc}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner{position:relative}}.project_detail .project_article .article_inner.now{display:block}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner{padding:40px;margin-bottom:40px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner{padding:20px 4.26667%}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .js-accordion-content{max-height:156px;overflow:hidden;-webkit-transition:all 1s;transition:all 1s}}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner.project_article_inner p{font-size:16px;line-height:1.5}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner.project_article_inner p{font-size:12px;line-height:1.5}}.project_detail .project_article .article_inner.project_article_inner p img{width:100%;height:auto}.project_detail .project_article .article_inner.project_article_inner .detail{margin-bottom:0}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner.project_article_inner .detail{font-size:12px;line-height:1.66em}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner.project_article_inner .detail{font-size:10px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner.support_inner{background-color:transparent;border-bottom:none;padding:0}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner.support_inner .pager{margin-top:24px}}.project_detail .project_article .article_inner .activity_block{border-top:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .activity_block{padding-top:24px;margin-bottom:80px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .activity_block{padding-top:20px;margin-bottom:40px}}.project_detail .project_article .article_inner .activity_block .activity_tag{color:#888;line-height:1em;display:inline-block;border:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .activity_block .activity_tag{font-size:14px;padding:8px;margin-bottom:10px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .activity_block .activity_tag{font-size:12px;padding:4px;margin-bottom:20px}}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .activity_block .activity_title{font-size:20px;line-height:1.6em;margin-bottom:20px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .activity_block .activity_title{font-size:16px;line-height:1.625em;margin-bottom:20px}}.project_detail .project_article .article_inner .activity_block .activity_article{border-top:dotted 1px #b5b5b5;border-bottom:dotted 1px #b5b5b5}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .activity_block .activity_article{padding:30px 0;font-size:16px;line-height:1.75em;margin-bottom:15px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .activity_block .activity_article{padding:20px 0;font-size:12px;line-height:1.58em;margin-bottom:10px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .activity_block .activity_article p{margin-bottom:23px}}.project_detail .project_article .article_inner .activity_block .activity_article p:last-child{margin-bottom:0}.project_detail .project_article .article_inner .activity_block .activity_log{display:-webkit-box;display:-ms-flexbox;display:flex}.project_detail .project_article .article_inner .activity_block .activity_log p{line-height:1em;margin-bottom:0}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .activity_block .activity_log p{font-size:12px;line-height:1.58em}}.project_detail .project_article .article_inner .activity_block .activity_log .date{color:#888}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .activity_block .activity_log .date{font-size:14px;margin-right:16px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .activity_block .activity_log .date{font-size:12px;margin-right:14px}}.project_detail .project_article .article_inner .activity_block .activity_log .comment a{line-height:1em;color:#1ec39a;display:inline-block;vertical-align:top}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .activity_block .activity_log .comment a{font-size:14px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .activity_block .activity_log .comment a{font-size:12px}}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .msg_block{border-top:solid 1px #dcdcdc;margin-bottom:40px}}.project_detail .project_article .article_inner .msg_block li{border-bottom:solid 1px #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .msg_block li{padding:32px 0}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .msg_block li{background-color:#ffffff;padding:13px 4.26667%}}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .msg_block .msg_wrap{width:475px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .msg_block .msg_wrap{width:80.17493%}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .msg_block .account_img{width:15.16035%}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .msg_block .account_img img{width:100%;height:auto}}.project_detail .project_article .article_inner .msg_block .msg_inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .msg_block .msg_inner{margin-bottom:25px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .msg_block .msg_inner{margin-bottom:10px}}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .msg_block .msg_user_name{font-size:16px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .msg_block .msg_user_name{font-size:14px}}.project_detail .project_article .article_inner .msg_block .msg_post_date{color:#888}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .msg_block .msg_post_date{font-size:14px}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .msg_block .msg_post_date{font-size:12px}}@media screen and (min-width: 641px), print{.project_detail .project_article .article_inner .msg_block .msg_txt{font-size:14px;line-height:1.71em}}@media screen and (max-width: 640px){.project_detail .project_article .article_inner .msg_block .msg_txt{font-size:12px;line-height:1.58}}@media screen and (min-width: 641px), print{.project_detail .project_article .accordion_btn{display:none}}@media screen and (max-width: 640px){.project_detail .project_article .accordion_btn a{font-size:12px;color:#393939;border:solid 1px #393939;background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;height:32px;width:100px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 641px), print{.project_detail .project_article .accordion_btn.more{display:none}}@media screen and (max-width: 640px){.project_detail .project_article .accordion_btn.more{position:absolute;bottom:20px;width:91.46667%;height:51px;padding-top:19px;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(50%, #fff), to(#fff));background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 50%, #fff 100%)}}.project_detail .project_article .accordion_btn.close{display:none}@media screen and (max-width: 640px){.project_detail .project_article .accordion_btn.close{margin-top:20px}}.project_detail .project_article .article_inner.is-open .more{display:none}.project_detail .project_article .article_inner.is-open .close{display:block}.project_detail .project_article .article_inner.is-open .project_return_inner{max-height:10000px}@media screen and (min-width: 641px), print{.project_detail .project_article .other_btn{width:640px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .project_article .other_btn{display:none}}@media screen and (max-width: 640px){.project_detail .project_article .other_btn{display:none}}.project_detail .project_article .other_btn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:solid 1px transparent;background-color:#ff574c;color:#fff;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}@media screen and (min-width: 641px), print{.project_detail .project_article .other_btn a{font-size:18px;height:64px}.project_detail .project_article .other_btn a:hover{border-color:#ff574c;background-color:#fff;color:#ff574c;text-decoration:none}}@media screen and (min-width: 641px), print{.project_detail .project_article{font-size:16px}}@media screen and (max-width: 640px){.project_detail .project_article{font-size:12px}}.project_detail .project_article p{line-height:1.5}.project_detail .project_article strong{font-weight:700}.project_detail .project_article em{font-style:italic}.project_detail .project_article .clearfix::after{clear:both;display:block;content:"";height:0}.project_detail .project_article .hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.project_detail .project_article img.fr-rounded,.project_detail .project_article .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.project_detail .project_article img.fr-bordered,.project_detail .project_article .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.project_detail .project_article img.fr-bordered{-webkit-box-sizing:content-box;box-sizing:content-box}.project_detail .project_article .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;box-sizing:border-box}.project_detail .project_article img.fr-shadow,.project_detail .project_article .fr-img-caption.fr-shadow img{-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 1px 1px rgba(0,0,0,0.16);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 1px 1px rgba(0,0,0,0.16)}.project_detail .project_article .fr-view{word-wrap:break-word}.project_detail .project_article .fr-view .fr-file{position:relative}.project_detail .project_article .fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:normal}.project_detail .project_article .fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.project_detail .project_article .fr-view .fr-text-gray{color:#AAA !important}.project_detail .project_article .fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.project_detail .project_article .fr-view .fr-text-spaced{letter-spacing:1px}.project_detail .project_article .fr-view .fr-text-uppercase{text-transform:uppercase}.project_detail .project_article .fr-view .fr-class-highlighted{background-color:#ffff00}.project_detail .project_article .fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New", Courier, monospace}.project_detail .project_article .fr-view .fr-class-transparency{opacity:0.5}.project_detail .project_article .fr-view img{position:relative;max-width:100%}.project_detail .project_article .fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.project_detail .project_article .fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.project_detail .project_article .fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.project_detail .project_article .fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.project_detail .project_article .fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.project_detail .project_article .fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.project_detail .project_article .fr-view span.fr-img-caption{position:relative;max-width:100%}.project_detail .project_article .fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.project_detail .project_article .fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.project_detail .project_article .fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.project_detail .project_article .fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.project_detail .project_article .fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.project_detail .project_article .fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.project_detail .project_article .fr-view a.fr-strong{font-weight:700}.project_detail .project_article .fr-view a.fr-green{color:green}.project_detail .project_article .fr-view .fr-img-caption{text-align:center}.project_detail .project_article .fr-view .fr-img-caption .fr-img-wrap{padding:0px;display:inline-block;margin:auto;text-align:center;width:100%}.project_detail .project_article .fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.project_detail .project_article .fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:100%;text-align:center}.project_detail .project_article .fr-view button.fr-rounded,.project_detail .project_article .fr-view input.fr-rounded,.project_detail .project_article .fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.project_detail .project_article .fr-view button.fr-large,.project_detail .project_article .fr-view input.fr-large,.project_detail .project_article .fr-view textarea.fr-large{font-size:24px}.project_detail .project_article a.fr-view.fr-strong{font-weight:700}.project_detail .project_article a.fr-view.fr-green{color:green}.project_detail .project_article img.fr-view{position:relative;max-width:100%}.project_detail .project_article img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.project_detail .project_article img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}.project_detail .project_article img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}.project_detail .project_article img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.project_detail .project_article img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.project_detail .project_article img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.project_detail .project_article span.fr-img-caption.fr-view{position:relative;max-width:100%}.project_detail .project_article span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.project_detail .project_article span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}.project_detail .project_article span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}.project_detail .project_article span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.project_detail .project_article span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.project_detail .project_article span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.project_detail .project_article h3{margin-top:1.2em;margin-bottom:0.6em;line-height:1.5}.project_detail .project_article h3:first-child{margin-top:0}@media screen and (min-width: 641px), print{.project_detail .project_article h3{font-size:20px}}@media screen and (max-width: 640px){.project_detail .project_article h3{font-size:14px}}@media screen and (min-width: 641px), print{.project_detail .project_article .under_line_black,.project_detail .project_article .under_line_gray,.project_detail .project_article .under_line_green,.project_detail .project_article .under_line_red{padding-bottom:10px;border-bottom:solid 4px}}@media screen and (max-width: 640px){.project_detail .project_article .under_line_black,.project_detail .project_article .under_line_gray,.project_detail .project_article .under_line_green,.project_detail .project_article .under_line_red{padding-bottom:8px;border-bottom:solid 2px}}.project_detail .project_article .under_line_black{border-color:#393939}.project_detail .project_article .under_line_gray{border-color:#b5b5b5}.project_detail .project_article .under_line_green{border-color:#1ec39a}.project_detail .project_article .under_line_red{border-color:#ff574c}@media screen and (min-width: 641px), print{.project_detail .project_article .left_line_black,.project_detail .project_article .left_line_gray,.project_detail .project_article .left_line_green,.project_detail .project_article .left_line_red{padding:5px 16px;border-left:solid 8px}}@media screen and (max-width: 640px){.project_detail .project_article .left_line_black,.project_detail .project_article .left_line_gray,.project_detail .project_article .left_line_green,.project_detail .project_article .left_line_red{padding:4px 12px;border-left:solid 4px}}.project_detail .project_article .left_line_black{border-color:#393939}.project_detail .project_article .left_line_gray{border-color:#b5b5b5}.project_detail .project_article .left_line_green{border-color:#1ec39a}.project_detail .project_article .left_line_red{border-color:#ff574c}@media screen and (min-width: 641px), print{.project_detail .project_article .tb_line_black,.project_detail .project_article .tb_line_gray,.project_detail .project_article .tb_line_green,.project_detail .project_article .tb_line_red{padding:6px 24px;border-top:solid 4px;border-bottom:solid 4px}}@media screen and (max-width: 640px){.project_detail .project_article .tb_line_black,.project_detail .project_article .tb_line_gray,.project_detail .project_article .tb_line_green,.project_detail .project_article .tb_line_red{padding:6px 20px;border-top:solid 2px;border-bottom:solid 2px}}.project_detail .project_article .tb_line_black{border-color:#393939}.project_detail .project_article .tb_line_gray{border-color:#b5b5b5}.project_detail .project_article .tb_line_green{border-color:#1ec39a}.project_detail .project_article .tb_line_red{border-color:#ff574c}.project_detail .project_article .bg_black,.project_detail .project_article .bg_gray,.project_detail .project_article .bg_green,.project_detail .project_article .bg_red{color:#fff}@media screen and (min-width: 641px), print{.project_detail .project_article .bg_black,.project_detail .project_article .bg_gray,.project_detail .project_article .bg_green,.project_detail .project_article .bg_red{padding:5px 16px}}@media screen and (max-width: 640px){.project_detail .project_article .bg_black,.project_detail .project_article .bg_gray,.project_detail .project_article .bg_green,.project_detail .project_article .bg_red{padding:4px 16px}}.project_detail .project_article .bg_black{background-color:#393939}.project_detail .project_article .bg_gray{background-color:#b5b5b5}.project_detail .project_article .bg_green{background-color:#1ec39a}.project_detail .project_article .bg_red{background-color:#ff574c}.project_detail .project_article .radius_black,.project_detail .project_article .radius_gray,.project_detail .project_article .radius_green,.project_detail .project_article .radius_red{border-radius:9999px;color:#fff}@media screen and (min-width: 641px), print{.project_detail .project_article .radius_black,.project_detail .project_article .radius_gray,.project_detail .project_article .radius_green,.project_detail .project_article .radius_red{padding:5px 24px}}@media screen and (max-width: 640px){.project_detail .project_article .radius_black,.project_detail .project_article .radius_gray,.project_detail .project_article .radius_green,.project_detail .project_article .radius_red{padding:4px 20px}}.project_detail .project_article .radius_black{background-color:#393939}.project_detail .project_article .radius_gray{background-color:#b5b5b5}.project_detail .project_article .radius_green{background-color:#1ec39a}.project_detail .project_article .radius_red{background-color:#ff574c}.project_detail .project_article .balloon_black,.project_detail .project_article .balloon_gray,.project_detail .project_article .balloon_green,.project_detail .project_article .balloon_red{position:relative;margin-bottom:1em;border-radius:8px;color:#fff}.project_detail .project_article .balloon_black:before,.project_detail .project_article .balloon_gray:before,.project_detail .project_article .balloon_green:before,.project_detail .project_article .balloon_red:before{content:"";display:block;position:absolute;left:20px;width:0;height:0;border-style:solid}@media screen and (min-width: 641px), print{.project_detail .project_article .balloon_black,.project_detail .project_article .balloon_gray,.project_detail .project_article .balloon_green,.project_detail .project_article .balloon_red{padding:5px 16px}.project_detail .project_article .balloon_black:before,.project_detail .project_article .balloon_gray:before,.project_detail .project_article .balloon_green:before,.project_detail .project_article .balloon_red:before{bottom:-16px;border-width:16px 16px 0 0}}@media screen and (max-width: 640px){.project_detail .project_article .balloon_black,.project_detail .project_article .balloon_gray,.project_detail .project_article .balloon_green,.project_detail .project_article .balloon_red{padding:4px 16px}.project_detail .project_article .balloon_black:before,.project_detail .project_article .balloon_gray:before,.project_detail .project_article .balloon_green:before,.project_detail .project_article .balloon_red:before{bottom:-12px;border-width:12px 12px 0 0}}.project_detail .project_article .balloon_black{background-color:#393939}.project_detail .project_article .balloon_black:before{border-color:#393939 transparent transparent transparent}.project_detail .project_article .balloon_gray{background-color:#b5b5b5}.project_detail .project_article .balloon_gray:before{border-color:#b5b5b5 transparent transparent transparent}.project_detail .project_article .balloon_green{background-color:#1ec39a}.project_detail .project_article .balloon_green:before{border-color:#1ec39a transparent transparent transparent}.project_detail .project_article .balloon_red{background-color:#ff574c}.project_detail .project_article .balloon_red:before{border-color:#ff574c transparent transparent transparent}@media screen and (min-width: 641px), print{.project_detail .project_info{width:288px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .project_info{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:0 auto 15px}}@media screen and (max-width: 640px){.project_detail .project_info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:91.46667%;margin:0 auto 15px}}.project_detail .project_info .project_manager{background-color:#fff}@media screen and (min-width: 641px), print{.project_detail .project_info .project_manager{margin-top:46px;margin-bottom:40px}}@media screen and (max-width: 640px){.project_detail .project_info .project_manager{border:solid 1px #dcdcdc;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}}@media screen and (min-width: 641px), print{.project_detail .project_info .profile{border:solid 1px #dcdcdc;border-bottom:none;padding:32px 23px}}@media screen and (max-width: 640px){.project_detail .project_info .profile{margin-bottom:25px}}@media screen and (min-width: 641px), print{.project_detail .project_info .profile_img{width:128px;margin:0 auto 18px}}@media screen and (max-width: 640px){.project_detail .project_info .profile_img{width:140px;border-radius:70px;overflow:hidden;margin:-70px auto 20px}.project_detail .project_info .profile_img img{width:100%;height:auto}}.project_detail .project_info .profile_name{text-align:center}@media screen and (min-width: 641px), print{.project_detail .project_info .profile_name{font-size:16px;margin-bottom:24px}}@media screen and (max-width: 640px){.project_detail .project_info .profile_name{font-size:20px;margin-bottom:20px}}.project_detail .project_info .profile_status{position:relative;border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;font-size:14px;background:url(../images/project_return_dot.gif) repeat left center;background-size:4px 4px;overflow:hidden}.project_detail .project_info .profile_status span{display:block;position:absolute;white-space:nowrap}@media screen and (min-width: 641px), print{.project_detail .project_info .profile_status{line-height:30px;width:240px;height:30px;margin-bottom:24px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .project_info .profile_status{width:auto}}@media screen and (max-width: 640px){.project_detail .project_info .profile_status{line-height:32px;height:32px;margin-bottom:15px}}.project_detail .project_info .profile_intro{font-size:14px;line-height:1.71em}@media screen and (min-width: 641px), print{.project_detail .project_info .profile_intro{margin-bottom:24px}}@media screen and (max-width: 640px){.project_detail .project_info .profile_intro{margin-bottom:17px}}@media screen and (min-width: 641px), print{.project_detail .project_info .tw_link{margin-bottom:12px}}@media screen and (max-width: 640px){.project_detail .project_info .tw_link{margin-bottom:8px}}.project_detail .project_info .tw_link a{color:#1da1f2;position:relative;font-size:14px}@media screen and (min-width: 641px), print{.project_detail .project_info .tw_link a{padding-left:23px}}@media screen and (max-width: 640px){.project_detail .project_info .tw_link a{padding-left:25px}}.project_detail .project_info .tw_link a:before{content:'';position:absolute;top:0;bottom:0;left:0;margin:auto;background:url(../images/icon_tw.png) no-repeat left center;background-size:contain;width:18px;height:14px}.project_detail .project_info .copy_link a{color:#393939;position:relative;font-size:14px}@media screen and (min-width: 641px), print{.project_detail .project_info .copy_link a{padding-left:23px}}@media screen and (max-width: 640px){.project_detail .project_info .copy_link a{padding-left:25px}}.project_detail .project_info .copy_link a:before{content:'';position:absolute;top:0;bottom:0;left:0;margin:auto;background:url(../images/icon_copy.png) no-repeat left center;background-size:contain;width:12px;height:16px}@media screen and (min-width: 641px), print{.project_detail .project_info .letterpot{border:solid 1px #dcdcdc;padding:20px 24px 24px}}@media screen and (max-width: 640px){.project_detail .project_info .letterpot{padding:15px 18px 21px;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #dcdcdc}}.project_detail .project_info .letterpot .letterpot_label{color:#e9542e;text-align:center;position:relative}@media screen and (min-width: 641px), print{.project_detail .project_info .letterpot .letterpot_label{font-size:16px;padding-top:52px;margin-bottom:24px}}@media screen and (max-width: 640px){.project_detail .project_info .letterpot .letterpot_label{font-size:14px;padding-top:37px;margin-bottom:17px}}.project_detail .project_info .letterpot .letterpot_label:before{content:'';position:absolute;top:0;left:0;right:0;margin:auto;background:url(../images/logo_letterpot.png) no-repeat left center;background-size:contain}@media screen and (min-width: 641px), print{.project_detail .project_info .letterpot .letterpot_label:before{width:32px;height:34px}}@media screen and (max-width: 640px){.project_detail .project_info .letterpot .letterpot_label:before{width:23px;height:24px}}@media screen and (min-width: 641px), print{.project_detail .project_info .letterpot .letterpot_data{border-top:dotted 1px #b5b5b5}}.project_detail .project_info .letterpot .letterpot_data li{border-bottom:dotted 1px #b5b5b5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 641px), print{.project_detail .project_info .letterpot .letterpot_data li{height:45px}}@media screen and (max-width: 640px){.project_detail .project_info .letterpot .letterpot_data li{height:44px}.project_detail .project_info .letterpot .letterpot_data li:last-child{border-bottom:none}}.project_detail .project_info .letterpot .letterpot_data span{color:#888}@media screen and (min-width: 641px), print{.project_detail .project_info .letterpot .letterpot_data span{font-size:11px}}@media screen and (max-width: 640px){.project_detail .project_info .letterpot .letterpot_data span{font-size:10px}}@media screen and (min-width: 641px), print{.project_detail .project_info .letterpot .letterpot_data p{font-size:14px}}@media screen and (max-width: 640px){.project_detail .project_info .letterpot .letterpot_data p{font-weight:bold;font-size:12px}}.project_detail .project_return{position:relative}@media screen and (max-width: 640px){.project_detail .project_return{margin-bottom:130px}}.project_detail .project_return .return_label{font-weight:bold}@media screen and (min-width: 641px), print{.project_detail .project_return .return_label{font-size:16px;margin-bottom:16px}}@media screen and (max-width: 640px){.project_detail .project_return .return_label{font-size:18px;margin-bottom:20px}}.project_detail .project_return .project_return_items{overflow:hidden}.project_detail .project_return .project_return_block{background-color:#ffffff;border-right:solid 1px #dcdcdc;border-left:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 641px), print{.project_detail .project_return .project_return_block{border-top:solid 6px #393939;padding:32px 22px 24px;margin-bottom:24px}}@media screen and (max-width: 640px){.project_detail .project_return .project_return_block{border-top:solid 3px #393939;padding:20px;margin-bottom:32px}}.project_detail .project_return .project_return_block:last-child{margin-bottom:0}.project_detail .project_return .project_return_price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media screen and (min-width: 641px), print{.project_detail .project_return .project_return_price{margin-bottom:17px}}@media screen and (max-width: 640px){.project_detail .project_return .project_return_price{margin-bottom:12px}}.project_detail .project_return .project_return_price .price{font-weight:bold}@media screen and (min-width: 641px), print{.project_detail .project_return .project_return_price .price{font-size:22px}}@media screen and (max-width: 640px){.project_detail .project_return .project_return_price .price{font-size:18px}}@media screen and (min-width: 641px), print{.project_detail .project_return .project_return_price .price span{font-size:12px}}.project_detail .project_return .project_return_price .remaining{font-size:12px}.project_detail .project_return .project_return_price .remaining span{color:#888}@media screen and (min-width: 641px), print{.project_detail .project_return .project_return_img{margin-bottom:16px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .project_return .project_return_img{margin-bottom:15px}.project_detail .project_return .project_return_img img{width:100%;height:auto}}@media screen and (max-width: 640px){.project_detail .project_return .project_return_img{margin-bottom:15px}.project_detail .project_return .project_return_img img{height:auto}}.project_detail .project_return .project_return_lead{font-weight:bold}@media screen and (min-width: 641px), print{.project_detail .project_return .project_return_lead{font-size:16px;margin-bottom:16px}}@media screen and (max-width: 640px){.project_detail .project_return .project_return_lead{font-size:14px;margin-bottom:16px}}.project_detail .project_return .project_return_wrap{border-right:solid 1px #dcdcdc;border-left:solid 1px #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 641px), print{.project_detail .project_return .project_return_wrap{margin-bottom:16px}}@media screen and (max-width: 640px){.project_detail .project_return .project_return_wrap{margin-bottom:20px}}.project_detail .project_return .project_return_wrap li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 641px), print{.project_detail .project_return .project_return_wrap li{height:48px;width:119px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .project_return .project_return_wrap li{height:36px;width:49.66887%}}@media screen and (max-width: 640px){.project_detail .project_return .project_return_wrap li{height:36px;width:49.66887%}}.project_detail .project_return .project_return_wrap li:nth-child(1){border-right:solid 1px #dcdcdc}.project_detail .project_return .project_return_wrap.single_list li:nth-child(1){width:100%;border-right:none}.project_detail .project_return .project_return_wrap .label{color:#888}@media screen and (min-width: 641px), print{.project_detail .project_return .project_return_wrap .label{font-size:12px;margin-bottom:10px}}@media screen and (max-width: 640px){.project_detail .project_return .project_return_wrap .label{font-size:10px;margin-bottom:6px}}.project_detail .project_return .project_return_wrap .data{font-size:14px}@media screen and (min-width: 641px), print{.project_detail .project_return .js-accordion-inner{padding-bottom:15px}}@media screen and (max-width: 640px){.project_detail .project_return .js-accordion-inner{padding-bottom:16px}}@media screen and (min-width: 641px), print{.project_detail .project_return .project_return_txt{font-size:14px;line-height:1.71em;margin-bottom:20px}}@media screen and (max-width: 640px){.project_detail .project_return .project_return_txt{font-size:14px;line-height:1.57em;margin-bottom:20px}}.project_detail .project_return .purchase_btn a{color:#fff;border:solid 1px transparent;background-color:#1ec39a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}@media screen and (min-width: 641px), print{.project_detail .project_return .purchase_btn a{height:48px}.project_detail .project_return .purchase_btn a:hover{border-color:#1ec39a;background-color:#fff;color:#1ec39a;text-decoration:none}}@media screen and (max-width: 640px){.project_detail .project_return .purchase_btn a{font-size:14px;height:52px}}.project_detail .project_return .accordion_btn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;height:32px;margin:0 auto}@media screen and (min-width: 641px), print{.project_detail .project_return .accordion_btn a{width:160px}.project_detail .project_return .accordion_btn a:hover{text-decoration:none}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .project_return .accordion_btn a{width:100%}}.project_detail .project_return .accordion_btn.more{display:block}.project_detail .project_return .accordion_btn.close{display:none}.project_detail .project_return .accordion_btn.more a{background-color:#1ec39a;border:none;color:#ffffff}.project_detail .project_return .accordion_btn.more a:hover{opacity:0.6}.project_detail .project_return .accordion_btn.close a{background-color:#ffffff;border:solid 1px #1ec39a;color:#1ec39a}.project_detail .project_return .accordion_btn.close a:hover{opacity:0.6}.project_detail .project_return .project_return_inner{max-height:0;overflow:hidden}.project_detail .project_return .accordion_wrap.is-open .more{display:none}.project_detail .project_return .accordion_wrap.is-open .close{display:block}.project_detail .project_return .accordion_wrap.is-open .project_return_inner{max-height:1000px}.project_detail .project_return .return_more{display:none;position:absolute;left:0;right:0;bottom:0;padding-top:80px;background-color:rgba(245,245,245,0.8)}.project_detail .project_return .return_more .return_more_btn a{display:block;border:solid 1px #1ec39a;background-color:#1ec39a;color:#fff}.project_detail .project_return .return_more .return_more_btn a:hover{background-color:#fff;color:#1ec39a}.project_detail .project_return.return_hide .project_return_block:nth-child(11){margin-bottom:0}@media screen and (min-width: 641px), print{.project_detail .project_return.return_hide .project_return_block:nth-child(11){height:128px}}@media screen and (max-width: 640px){.project_detail .project_return.return_hide .project_return_block:nth-child(11){height:132px}}.project_detail .project_return.return_hide .project_return_block:nth-child(n+12){display:none}.project_detail .project_return.return_hide .return_more{display:block}@media screen and (min-width: 641px), print{.project_detail .ft_other_btn{display:none}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .ft_other_btn{display:block;width:91.46667%;margin:0 auto}}@media screen and (max-width: 640px){.project_detail .ft_other_btn{width:91.46667%;margin:0 auto}}.project_detail .ft_other_btn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#ff574c;color:#ffffff}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .ft_other_btn a{font-size:16px;height:52px}}@media screen and (max-width: 640px){.project_detail .ft_other_btn a{font-size:16px;height:52px}}@media screen and (max-width: 640px){.project_detail .btn_wrap{display:none}}.project_detail .btn_wrap a{width:240px;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.project_detail .btn_wrap_sp .btn_group a{width:120px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:16px;line-height:46px}.project_detail .btn_wrap_sp .btn_group a.btn_default{padding:4px 10px 0;font-size:14px;line-height:1.4em}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .message_inbox{padding-top:20px}}.project_detail .modal_project_detail .modal_project_block{background-color:#ffffff;border:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .modal_project_block{padding:23px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .modal_project_detail .modal_project_block{display:block;padding:20px;margin-bottom:32px}}@media screen and (max-width: 640px){.project_detail .modal_project_detail .modal_project_block{padding:20px;margin-bottom:32px}}.project_detail .modal_project_detail .return_alert{color:#ffffff;position:absolute}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .return_alert{font-size:20px;top:-50px}}@media screen and (max-width: 640px){.project_detail .modal_project_detail .return_alert{font-size:14px;top:-38px}}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .modal_project_data{width:224px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .modal_project_detail .modal_project_data{width:auto}}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .modal_project_txt{width:496px;padding-bottom:68px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .modal_project_detail .modal_project_txt{width:auto}}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .modal_project_img{margin-bottom:16px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .modal_project_detail .modal_project_img{margin-bottom:12px}.project_detail .modal_project_detail .modal_project_img img{width:100%;height:auto}}@media screen and (max-width: 640px){.project_detail .modal_project_detail .modal_project_img{margin-bottom:12px}.project_detail .modal_project_detail .modal_project_img img{width:100%;height:auto}}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .modal_project_info{border-top:solid 1px #dcdcdc}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .modal_project_detail .modal_project_info{border-top:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}}@media screen and (max-width: 640px){.project_detail .modal_project_detail .modal_project_info{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}}.project_detail .modal_project_detail .modal_project_info li{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .modal_project_info li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:solid 1px #dcdcdc;height:34px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .modal_project_detail .modal_project_info li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-right:solid 1px #dcdcdc;border-bottom:none;width:33.05785%;height:38px}.project_detail .modal_project_detail .modal_project_info li:last-child{border-right:none}}@media screen and (max-width: 640px){.project_detail .modal_project_detail .modal_project_info li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-right:solid 1px #dcdcdc;width:33.05785%;height:38px}.project_detail .modal_project_detail .modal_project_info li:last-child{border-right:none}}.project_detail .modal_project_detail .modal_project_info .label{color:#888}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .modal_project_info .label{font-size:12px}}@media screen and (max-width: 640px){.project_detail .modal_project_detail .modal_project_info .label{font-size:10px;margin-bottom:7px}}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .modal_project_info .data{font-size:14px}}@media screen and (max-width: 640px){.project_detail .modal_project_detail .modal_project_info .data{font-size:12px}}.project_detail .modal_project_detail .modal_project_txt{position:relative}.project_detail .modal_project_detail .modal_project_lead{font-weight:bold}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .modal_project_lead{font-size:16px;line-height:1.75em;margin-bottom:20px}}@media screen and (max-width: 640px){.project_detail .modal_project_detail .modal_project_lead{font-size:14px;line-height:1.57em;margin-bottom:10px}}.project_detail .modal_project_detail .modal_project_desc{font-size:14px;line-height:1.71em}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .modal_project_detail .modal_project_desc{margin-bottom:19px}}@media screen and (max-width: 640px){.project_detail .modal_project_detail .modal_project_desc{margin-bottom:19px}}.project_detail .modal_project_detail .purchase_block{border:solid 1px #1ec39a}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .purchase_block{position:absolute;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .modal_project_detail .purchase_block{position:static;display:block}}.project_detail .modal_project_detail .purchase_block .price{text-align:center;color:#1ec39a}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .purchase_block .price{font-size:22px;width:206px;line-height:46px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .modal_project_detail .purchase_block .price{width:auto}}@media screen and (max-width: 640px){.project_detail .modal_project_detail .purchase_block .price{font-size:18px;line-height:30px}}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .purchase_block .purchase_btn{width:288px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .modal_project_detail .purchase_block .purchase_btn{width:auto}}.project_detail .modal_project_detail .purchase_block .purchase_btn a{color:#ffffff;background-color:#1ec39a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 641px), print{.project_detail .modal_project_detail .purchase_block .purchase_btn a{height:46px;font-size:16px}.project_detail .modal_project_detail .purchase_block .purchase_btn a:hover{text-decoration:none}}@media screen and (max-width: 640px){.project_detail .modal_project_detail .purchase_block .purchase_btn a{height:51px;font-size:14px}}.project_detail .limited_url_block{background-color:#393939}@media screen and (min-width: 641px), print{.project_detail .limited_url_block{padding-top:72px;padding-bottom:72px;margin-bottom:72px}}@media screen and (max-width: 640px){.project_detail .limited_url_block{padding-top:16px;padding-bottom:16px}}.project_detail .limited_url_block .limited_url_wrap{border:solid 1px #dcdcdc;background-color:#ffffff}.project_detail .limited_url_block .limited_url_inner{position:relative}@media screen and (min-width: 641px), print{.project_detail .limited_url_block .limited_url_inner{padding:40px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .limited_url_block .limited_url_inner{padding:20px}}@media screen and (max-width: 640px){.project_detail .limited_url_block .limited_url_inner{padding:20px}}.project_detail .limited_url_block .limited_url_inner:nth-child(2){border-top:solid 1px #dcdcdc;background-color:#f5f5f5}.project_detail .limited_url_block .limited_url_lead{font-weight:bold;position:relative}@media screen and (min-width: 641px), print{.project_detail .limited_url_block .limited_url_lead{font-size:16px;padding-left:20px;margin-bottom:20px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .limited_url_block .limited_url_lead{font-size:14px;line-height:1.5em;padding-left:25px;margin-bottom:15px}}@media screen and (max-width: 640px){.project_detail .limited_url_block .limited_url_lead{font-size:14px;line-height:1.5em;padding-left:25px;margin-bottom:15px}}.project_detail .limited_url_block .limited_url_lead:before{content:'';position:absolute;top:0;left:0;background:url(../images/icon_key.png) no-repeat left center;background-size:contain;width:12px;height:16px}@media screen and (max-width: 640px){.project_detail .limited_url_block .limited_url_lead:before{top:2px}}@media screen and (min-width: 641px), print{.project_detail .limited_url_block .limited_url_txt{font-size:16px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .limited_url_block .limited_url_txt{font-size:14px;line-height:1.57em;margin-bottom:15px}}@media screen and (max-width: 640px){.project_detail .limited_url_block .limited_url_txt{font-size:14px;line-height:1.57em;margin-bottom:15px}}@media screen and (min-width: 641px), print{.project_detail .limited_url_block .limited_url_btn{width:180px;position:absolute;top:40px;right:40px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .limited_url_block .limited_url_btn{position:static;width:140px;margin:0 auto}}@media screen and (max-width: 640px){.project_detail .limited_url_block .limited_url_btn{width:140px;margin:0 auto}}.project_detail .limited_url_block .limited_url_btn a{color:#fff;border:solid 1px #1ec39a;background-color:#1ec39a}@media screen and (min-width: 641px), print{.project_detail .limited_url_block .limited_url_btn a:hover{color:#1ec39a;background-color:#fff;text-decoration:none}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .limited_url_block .limited_url_btn a{font-size:14px;line-height:42px}}@media screen and (max-width: 640px){.project_detail .limited_url_block .limited_url_btn a{font-size:14px;line-height:42px}}.project_detail .limited_url_block .limited_url_inner .limited_url_how{font-weight:bold}@media screen and (min-width: 641px), print{.project_detail .limited_url_block .limited_url_inner .limited_url_how{font-size:14px;margin-bottom:10px}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .limited_url_block .limited_url_inner .limited_url_how{font-size:12px;line-height:1.58em}}@media screen and (max-width: 640px){.project_detail .limited_url_block .limited_url_inner .limited_url_how{font-size:12px;line-height:1.58em}}.project_detail .limited_url_block .limited_url_inner ul li{padding-left:1em;text-indent:-1em}@media screen and (min-width: 641px), print{.project_detail .limited_url_block .limited_url_inner ul li{font-size:14px;line-height:1.71em}}@media screen and (min-width: 641px) and (max-width: 1000px){.project_detail .limited_url_block .limited_url_inner ul li{font-size:12px;line-height:1.58em}}@media screen and (max-width: 640px){.project_detail .limited_url_block .limited_url_inner ul li{font-size:12px;line-height:1.58em}}@media screen and (min-width: 641px), print{.news .news_wrap{padding-bottom:56px}}@media screen and (max-width: 640px){.news .news_wrap{padding-bottom:40px}}.news .news_item{background-color:#ffffff;border:solid 1px #dcdcdc}@media screen and (min-width: 641px), print{.news .news_item{margin-bottom:24px;padding:24px;font-size:14px;line-height:1.57em;cursor:pointer}}@media screen and (max-width: 640px){.news .news_item{margin-bottom:12px;padding:15px;font-size:14px;line-height:1.57em}}.news .news_item_txt{overflow:hidden;max-height:0;-webkit-transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1)}@media screen and (min-width: 641px), print{.news .item_inner{padding-top:24px}}@media screen and (max-width: 640px){.news .item_inner{margin-top:20px}}.news .item_inner p{margin-bottom:1em}.news .item_inner p:last-child{margin-bottom:0}.news .item_inner img{max-width:100%}.news .is-open{border-color:#ff574c}.news .is-open .news_item_ttl{color:#ff574c}.receipt_confirm .page_ttl_sub em{color:#ff574c}@media screen and (min-width: 641px), print{.receipt_confirm .page_ttl_sub{margin-bottom:46px}}@media screen and (max-width: 640px){.receipt_confirm .page_ttl_sub{margin-bottom:30px}}.receipt_confirm .confirm_block{border-bottom:dotted 1px #b5b5b5}@media screen and (min-width: 641px), print{.receipt_confirm .confirm_block{margin-bottom:32px;padding:0 2.5% 48px}}@media screen and (max-width: 640px){.receipt_confirm .confirm_block{margin-bottom:40px;padding:0 0 32px}.receipt_confirm .confirm_block p{font-size:14px}}@media screen and (min-width: 641px), print{.receipt_confirm .btn_wrap{margin-bottom:80px}}@media screen and (max-width: 640px){.receipt_confirm .btn_wrap{margin-bottom:40px}}@media screen and (min-width: 641px), print{.receipt_issue .issue_block{padding:72px 0 64px}.receipt_issue .issue_block .pdf{display:none}}@media screen and (max-width: 640px){.receipt_issue .issue_block{padding:32px 0 30px}.receipt_issue .issue_block .receipt{display:none}.receipt_issue .issue_block .pdf{text-align:center}}.receipt_issue .receipt{width:1140px;margin:0 auto;font-size:14px;line-height:1.42857143}.receipt_issue .receipt div{-webkit-box-sizing:border-box;box-sizing:border-box}.receipt_issue .receipt p{margin:0 0 10px}.receipt_issue .receipt .table>thead>tr>th,.receipt_issue .receipt .table>thead>tr>td,.receipt_issue .receipt .table>tbody>tr>th,.receipt_issue .receipt .table>tbody>tr>td,.receipt_issue .receipt .table>tfoot>tr>th,.receipt_issue .receipt .table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top}.receipt_issue .receipt .item-1{margin-bottom:10px}.receipt_issue .receipt .receipt-name,.receipt_issue .receipt .receipt-no,.receipt_issue .receipt .receipt-date{display:inline}.receipt_issue .receipt .receipt-name{margin-left:500px;font-size:20px;letter-spacing:20px}.receipt_issue .receipt .receipt-no{margin-left:160px}.receipt_issue .receipt .receipt-no span:last-child{margin-left:20px}.receipt_issue .receipt .item-2{margin-bottom:60px;width:100%}.receipt_issue .receipt .service-name{width:30%;margin-left:65px;border-bottom:3px solid;padding-bottom:3px;float:left;margin-bottom:60px}.receipt_issue .receipt .service-name span:last-child{float:right}.receipt_issue .receipt .receipt-date{margin-left:400px;float:left;margin-bottom:60px}.receipt_issue .receipt .receipt-date span:last-child{margin-left:36px}.receipt_issue .receipt .item-3{width:65%;float:left;margin-bottom:60px}.receipt_issue .receipt .project-name{margin-left:65px;margin-bottom:60px;padding-bottom:8px;width:84%;border-bottom:5px double black}.receipt_issue .receipt .project-name span{font-weight:900}.receipt_issue .receipt .total-pay{margin-left:65px;border-bottom:5px double black;width:77%;padding-bottom:10px}.receipt_issue .receipt .total-pay .label-total-amount{font-weight:700}.receipt_issue .receipt .total-pay .amount{margin-left:265px;font-weight:700;font-size:17px}.receipt_issue .receipt .total-pay .tax{margin-left:15px}.receipt_issue .receipt .total-pay-help{margin-left:65px}.receipt_issue .receipt .item-6{width:35%;float:left;padding-left:15px;margin-bottom:60px}.receipt_issue .receipt .ml-50{margin-left:50px}.receipt_issue .receipt .b-1{border:1px solid !important}.receipt_issue .receipt .text-center{text-align:center}.receipt_issue .receipt .text-right{text-align:right}.receipt_issue .receipt .btn-download{padding:15px 30px;background:#27aee2;color:white;font-size:20px;margin-left:450px}.receipt_issue .receipt .item-7{clear:both}.receipt_issue .receipt .btn-download:hover{color:white}.receipt_issue .receipt .btn-download:focus{color:white;text-decoration:none}.receipt_issue .receipt .w-50{width:50px}.receipt_issue .receipt .w-100{width:100px}.receipt_issue .receipt .w-80{width:80px}.receipt_issue .receipt .w-120{width:120px}.receipt_issue .receipt .w-350{width:350px}.receipt_issue .receipt .w-150{width:150px}@media screen and (min-width: 641px), print{.receipt_issue .btn_wrap{margin-bottom:80px}}@media screen and (max-width: 640px){.receipt_issue .btn_wrap{width:42.66667%;min-width:160px;margin-bottom:40px}}@media screen and (min-width: 641px), print{.error .error_wrap{width:544px;padding-bottom:80px}.error .error_wrap .error_message{margin-bottom:48px;text-align:center}}@media screen and (min-width: 641px) and (max-width: 1000px){.error .error_wrap{margin-left:auto;margin-right:auto}}@media screen and (max-width: 640px){.error .error_wrap{padding-bottom:40px}.error .error_wrap .error_message{margin-bottom:38px}}@media screen and (min-width: 641px), print{.error .error_ttl{text-align:center;margin-top:70px;font-size:28px;padding-bottom:40px;border-bottom:dotted 1px #d5d5d5;margin-bottom:40px}}@media screen and (max-width: 640px){.error .error_ttl{font-size:20px;margin-top:32px;margin-bottom:32px}}
@-webkit-keyframes openModal {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes openModal {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes closeModal {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes closeModal {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

@-webkit-keyframes kvPager {
    from {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes kvPager {
    from {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes showFixedBtn {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes showFixedBtn {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes hideFixedBtn {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes hideFixedBtn {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes topNoticeAreaPC {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes topNoticeAreaPC {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes topNoticeAreaSP {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    10% {
        opacity: 1
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes topNoticeAreaSP {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    10% {
        opacity: 1
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul,
li {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    background-color: #f5f5f5;
    color: #393939;
    font-family: YakuHanJPs, -apple-system, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}

a {
    color: #ff574c;
    text-decoration: none
}

@media screen and (min-width: 641px),
print {
    a:hover {
        text-decoration: underline
    }
}

img,
svg {
    vertical-align: middle
}

small {
    font-size: 100%
}

input[type="text"],
textarea {
    padding: 9px 1.5em;
    border: solid 1px #dcdcdc;
    background-color: #fff;
    line-height: 1.75em
}

@media screen and (min-width: 641px),
print {

    input[type="text"],
    textarea {
        border-radius: 8px;
        font-size: 16px
    }
}

@media screen and (max-width: 640px) {

    input[type="text"],
    textarea {
        border-radius: 4px;
        font-size: 14px
    }
}

.page_wrap {
    overflow: hidden
}

@media screen and (max-width: 640px) {
    .only_pc {
        display: none
    }
}

@media screen and (min-width: 641px),
print {
    .only_sp {
        display: none
    }
}

.content_wrap,
.page_ttl,
.nav_tabs .slide_wrap,
.users .user_header {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 641px),
print {

    .content_wrap,
    .page_ttl,
    .nav_tabs .slide_wrap,
    .users .user_header {
        width: 960px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {

    .content_wrap,
    .page_ttl,
    .nav_tabs .slide_wrap,
    .users .user_header {
        width: auto;
        margin-left: 20px;
        margin-right: 20px
    }
}

@media screen and (max-width: 640px) {

    .content_wrap,
    .page_ttl,
    .nav_tabs .slide_wrap,
    .users .user_header {
        margin-left: 4.26667%;
        margin-right: 4.26667%
    }
}

@media screen and (min-width: 641px),
print {
    .page_ttl {
        padding: 72px 0 56px;
        font-size: 28px
    }
}

@media screen and (max-width: 640px) {
    .page_ttl {
        padding: 32px 0;
        font-size: 20px
    }
}

.page_ttl_line {
    margin: 0;
    border: none;
    border-bottom: solid 1px #dcdcdc
}

.page_ttl_sub {
    border-bottom: dotted 1px #b5b5b5
}

@media screen and (min-width: 641px),
print {
    .page_ttl_sub {
        margin: 70px 0 32px;
        padding-bottom: 15px;
        font-size: 22px
    }
}

@media screen and (max-width: 640px) {
    .page_ttl_sub {
        margin: 30px 0 25px;
        padding-bottom: 31px;
        font-size: 16px;
        line-height: 1.6
    }
}

.btn,
.btn_default,
.btn_border,
.btn_cancel {
    display: block;
    position: relative;
    text-align: center;
    font-size: 16px
}

.btn:hover,
.btn_default:hover,
.btn_border:hover,
.btn_cancel:hover {
    text-decoration: none
}

@media screen and (min-width: 641px),
print {

    .btn,
    .btn_default,
    .btn_border,
    .btn_cancel {
        line-height: 46px;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out
    }
}

@media screen and (max-width: 640px) {

    .btn,
    .btn_default,
    .btn_border,
    .btn_cancel {
        line-height: 50px
    }
}

.btn_default {
    border: solid 1px transparent;
    background-color: #ff574c;
    color: #fff
}

@media screen and (min-width: 641px),
print {
    .btn_default:hover {
        border-color: #ff574c;
        background-color: #fff;
        color: #ff574c
    }
}

.btn_border {
    border: solid 1px #ff574c;
    background-color: #fff;
    color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .btn_border:hover {
        border-color: transparent;
        background-color: #ff574c;
        color: #fff
    }
}

.btn_cancel {
    border: solid 1px transparent;
    background-color: #393939;
    color: #fff
}

@media screen and (min-width: 641px),
print {
    .btn_cancel:hover {
        border-color: #393939;
        background-color: #fff;
        color: #393939
    }
}

.btn_wrap {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 641px),
print {
    .btn_wrap {
        width: 504px
    }
}

@media screen and (max-width: 640px) {
    .btn_wrap {
        width: 100%
    }
}

.btn_wrap button {
    outline: none;
    padding: 0;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 641px),
print {
    .btn_wrap button {
        width: 240px;
        cursor: pointer
    }
}

@media screen and (max-width: 640px) {
    .btn_wrap button {
        width: 46.64723%
    }
}

.btn_wrap.single_btn {
    display: block
}

@media screen and (min-width: 641px),
print {
    .btn_wrap.single_btn {
        width: 240px
    }
}

@media screen and (max-width: 640px) {
    .btn_wrap.single_btn {
        width: 100%
    }

    .btn_wrap.single_btn button {
        width: 100%
    }
}

.btn_wrap.external_icon span {
    position: relative;
    padding-right: 20px
}

.btn_wrap.external_icon span:before,
.btn_wrap.external_icon span:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out
}

.btn_wrap.external_icon span:before {
    background-image: url(../images/icon_external.png)
}

.btn_wrap.external_icon span:after {
    opacity: 0;
    background-image: url(../images/icon_external_ov.png)
}

.btn_wrap.external_icon button:hover span:before,
.btn_wrap.external_icon a:hover span:before {
    opacity: 0
}

.btn_wrap.external_icon button:hover span:after,
.btn_wrap.external_icon a:hover span:after {
    opacity: 1
}

@media screen and (min-width: 641px),
print {
    .fixed .btn_wrap {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 4;
        width: 552px;
        margin: 0 auto;
        padding: 16px 24px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 8px 8px 0 0;
        background-color: #fff
    }
}

@media screen and (min-width: 641px),
print {
    .fixed.show .btn_wrap {
        -webkit-animation: showFixedBtn 0.4s ease-out;
        animation: showFixedBtn 0.4s ease-out
    }
}

@media screen and (min-width: 641px),
print {
    .fixed.hide .btn_wrap {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-animation: hideFixedBtn 0.4s ease-out;
        animation: hideFixedBtn 0.4s ease-out
    }
}

.btn_wrap_sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 4;
    height: 48px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out
}

@media screen and (min-width: 641px),
print {
    .btn_wrap_sp {
        display: none
    }
}

.fixed .btn_wrap_sp {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.fixed.show .btn_wrap_sp {
    -webkit-animation: showFixedBtn 0.4s ease-out;
    animation: showFixedBtn 0.4s ease-out;
    -webkit-transition: none;
    transition: none
}

.fixed.hide .btn_wrap_sp {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: hideFixedBtn 0.4s ease-out;
    animation: hideFixedBtn 0.4s ease-out;
    -webkit-transition: none;
    transition: none
}

.btn_wrap_sp .close_btn {
    position: relative;
    z-index: 1;
    width: 24px;
    background: url(../images/sp_arrow_left_white.png) no-repeat 47.36842% 50% #ff1e17;
    background-size: 5px 8px;
    text-indent: -9999px;
    cursor: pointer
}

.btn_wrap_sp .btn_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.btn_wrap_sp .btn_group button {
    width: 120px;
    margin: 0 0 0 16px
}

.btn_wrap_sp.close .close_btn {
    background-image: url(../images/sp_arrow_right_white.png);
    background-position: 52.63158% 50%
}

.btn_wrap_sp.close .btn_group {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pager a {
    color: #393939
}

.pager a:hover {
    text-decoration: none
}

@media screen and (min-width: 641px),
print {
    .pager a:hover {
        opacity: 0.6
    }
}

.pager .pager_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    border-bottom: solid 1px #dcdcdc
}

.pager .pager_list li {
    border-left: solid 1px #dcdcdc;
    background-color: #fff;
    font-size: 14px;
    text-align: center
}

.pager .pager_list li a {
    display: block
}

.pager .pager_list li.current a {
    background-color: #ececec;
    pointer-events: none
}

@media screen and (min-width: 641px),
print {
    .pager .pager_list li {
        width: 38px;
        line-height: 38px
    }
}

@media screen and (max-width: 640px) {
    .pager .pager_list li {
        width: 30px;
        line-height: 30px
    }
}

.pager .prev a,
.pager .next a {
    display: block;
    text-align: center
}

@media screen and (min-width: 641px),
print {

    .pager .prev a,
    .pager .next a {
        width: 39px;
        line-height: 40px
    }
}

@media screen and (max-width: 640px) {

    .pager .prev a,
    .pager .next a {
        width: 29px;
        line-height: 30px
    }
}

.editing_window {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    z-index: 10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #dcdcdc;
    border-right: none;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media screen and (min-width: 641px),
print {
    .editing_window {
        top: 116px;
        right: 0;
        width: 344px;
        padding: 8px 10px 8px 9px;
        border-radius: 8px 0 0 8px;
        -webkit-transform: translateX(209px);
        transform: translateX(209px)
    }

    .editing_window.open {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 640px) {
    .editing_window {
        top: 64px;
        left: 100%;
        width: 85.6%;
        max-width: 321px;
        padding: 7px 10px 7px 5px;
        border-radius: 4px 0 0 4px;
        -webkit-transform: translateX(-93px);
        transform: translateX(-93px)
    }

    .editing_window.open {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@media screen and (min-width: 641px),
print {
    .editing_window dt {
        width: 1em;
        margin-right: 9px;
        font-size: 12px;
        line-height: 1.2em
    }
}

@media screen and (max-width: 640px) {
    .editing_window dt {
        width: 1em;
        margin-right: 5px;
        font-size: 10px;
        line-height: 1.2em;
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.editing_window dd {
    display: table
}

.editing_window dd .edit_thumb,
.editing_window dd .edit_detail {
    display: table-cell;
    vertical-align: middle
}

.editing_window dd .edit_thumb span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

@media screen and (min-width: 641px),
print {
    .editing_window dd .edit_thumb {
        width: 96px;
        height: 54px
    }
}

@media screen and (max-width: 640px) {
    .editing_window dd .edit_thumb {
        width: 64px;
        height: 36px
    }
}

@media screen and (min-width: 641px),
print {
    .editing_window dd .edit_detail {
        padding-left: 16px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.5
    }
}

@media screen and (max-width: 640px) {
    .editing_window dd .edit_detail {
        padding-left: 8px;
        font-size: 10px;
        font-weight: bold;
        line-height: 1.6
    }
}

.title_wrap {
    border-bottom: dotted 1px #b5b5b5
}

@media screen and (min-width: 641px),
print {
    .title_wrap {
        padding-bottom: 30px;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 640px) {
    .title_wrap {
        padding-bottom: 25px;
        margin-bottom: 25px
    }
}

@media screen and (min-width: 641px),
print {
    .title_wrap h3 {
        font-size: 22px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 640px) {
    .title_wrap h3 {
        font-size: 16px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 641px),
print {
    .title_wrap .title_desc {
        font-size: 16px;
        line-height: 1.75em
    }
}

@media screen and (max-width: 640px) {
    .title_wrap .title_desc {
        font-size: 14px;
        line-height: 1.57em
    }
}

.circle_graph {
    position: relative
}

.circle_graph svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    vertical-align: middle
}

.circle_graph svg circle {
    fill: transparent
}

.circle_graph svg .circle_base {
    fill: #fff;
    stroke: #f5f5f5
}

.circle_graph svg .circle_under {
    stroke: #1ec39a
}

.circle_graph svg .circle_under.over {
    stroke: #ff574c;
    -webkit-transition: stroke 0.1s ease-in;
    transition: stroke 0.1s ease-in
}

.circle_graph svg .circle_over {
    stroke: #ff1e17
}

.circle_graph .rate_val {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: color 0.1s ease-out;
    transition: color 0.1s ease-out
}

.circle_graph .rate_val.over {
    color: #ff574c
}

.caution_lead {
    background-color: #fff;
    border: solid 1px #dcdcdc
}

header {
    position: relative;
    border-top: solid 4px #000;
    border-bottom: solid 1px #dcdcdc
}

header:before,
header:after {
    content: " ";
    display: table
}

header:after {
    clear: both
}

header .content_wrap,
header .page_ttl,
header .nav_tabs .slide_wrap,
.nav_tabs header .slide_wrap,
header .users .user_header,
.users header .user_header {
    position: relative
}

header h1 {
    float: left;
    font-size: 10px
}

header h1 a {
    display: block
}

@media screen and (min-width: 641px),
print {
    header h1 {
        padding: 21px 0
    }

    header h1 a {
        padding-right: 32px;
        background: url(../images/h_arrow.png) no-repeat 100% 50%
    }

    header h1 img {
        width: 128px;
        height: 22px
    }
}

@media screen and (max-width: 640px) {
    header h1 {
        padding: 14px 0
    }

    header h1 a {
        padding-right: 24px;
        background: url(../images/sp_h_arrow.png) no-repeat 100% 50%;
        background-size: 8px 5px
    }

    header h1 img {
        width: 108px;
        height: 18px
    }
}

header .h_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: right
}

@media screen and (min-width: 641px),
print {
    header .h_link {
        height: 36px;
        padding-top: 14px
    }
}

@media screen and (max-width: 640px) {
    header .h_link {
        height: 32px;
        padding-top: 7px
    }
}

@media screen and (min-width: 641px),
print {
    header .h_link li {
        font-size: 14px
    }
}

@media screen and (max-width: 640px) {
    header .h_link li {
        font-size: 12px
    }
}

header .h_link li.search {
    position: relative;
    width: 20px;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out
}

@media screen and (max-width: 640px) {
    header .h_link li.search {
        display: none
    }
}

header .h_link li.search a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: url(../images/icon_search.svg) no-repeat 50% 50%;
    text-indent: -9999px;
    background-size: contain
}

header .h_link li.search .search_box {
    width: 0;
    overflow: hidden
}

header .h_link li.search .search_box input {
    width: 100%;
    padding: 3px 1.5em 3px 39px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: transparent;
    font-size: 14px;
    outline: none
}

header .h_link li.search.open {
    width: 200px
}

header .h_link li.search.open a {
    position: absolute;
    left: 16px;
    width: 16px;
    height: 16px
}

header .h_link li.search.open .search_box {
    width: 100%
}

header .h_link li.login a {
    color: #393939
}

@media screen and (min-width: 641px),
print {
    header .h_link li.login {
        padding: 1px 17px 1px 26px
    }
}

@media screen and (max-width: 640px) {
    header .h_link li.login {
        padding: 5px 12px 4px 0
    }
}

header .h_link li.register {
    border-left: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    header .h_link li.register {
        padding: 1px 0 1px 17px
    }
}

@media screen and (max-width: 640px) {
    header .h_link li.register {
        padding: 5px 0 4px 12px
    }
}

header .h_link li.admin a {
    display: block;
    position: relative;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

header .h_link li.admin.new a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ff574c
}

@media screen and (min-width: 641px),
print {
    header .h_link li.admin {
        margin-left: 26px
    }

    header .h_link li.admin a {
        width: 36px;
        height: 36px
    }
}

@media screen and (max-width: 640px) {
    header .h_link li.admin a {
        width: 32px;
        height: 32px
    }
}

header .login_menu {
    position: absolute;
    top: 0;
    z-index: 10
}

@media screen and (min-width: 641px),
print {
    header .login_menu {
        display: none;
        right: 0;
        width: 256px
    }
}

@media screen and (max-width: 640px) {
    header .login_menu {
        right: -4.66472%;
        width: 81.63265%;
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    header .login_menu.open {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

header .login_menu .user_info {
    position: relative
}

@media screen and (min-width: 641px),
print {
    header .login_menu .user_info {
        padding: 14px 16px;
        background-color: #000
    }
}

@media screen and (max-width: 640px) {
    header .login_menu .user_info {
        padding: 7.5px 5.71429%;
        background-color: #000
    }
}

header .login_menu .user_info>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .login_menu .user_info>a:hover {
    text-decoration: none
}

header .login_menu .user_info>a:hover .user_name {
    opacity: 0.6
}

header .login_menu .user_info .user_icon {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover
}

header .login_menu .user_info .user_icon.new:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ff574c
}

@media screen and (min-width: 641px),
print {
    header .login_menu .user_info .user_icon {
        width: 36px;
        height: 36px
    }
}

@media screen and (max-width: 640px) {
    header .login_menu .user_info .user_icon {
        width: 32px;
        height: 32px
    }
}

header .login_menu .user_info .user_name {
    color: #fff;
    font-size: 14px
}

@media screen and (min-width: 641px),
print {
    header .login_menu .user_info .user_name {
        padding-left: 16px
    }
}

@media screen and (max-width: 640px) {
    header .login_menu .user_info .user_name {
        padding-left: 13px
    }
}

header .login_menu .user_info .user_close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    cursor: pointer
}

@media screen and (min-width: 641px),
print {
    header .login_menu .user_info .user_close {
        width: 42px;
        height: 42px;
        background: url(../images/h_user_arrow.png) no-repeat 50% 50%
    }

    header .login_menu .user_info .user_close:hover {
        opacity: 0.6
    }
}

@media screen and (max-width: 640px) {
    header .login_menu .user_info .user_close {
        width: 14.28571%;
        height: 40px;
        background: url(../images/sp_arrow_right_white.png) no-repeat 50% 50%;
        background-size: 5px 8px
    }
}

header .login_menu .login_nav {
    border: solid 1px #dcdcdc;
    background-color: #f5f5f5
}

@media screen and (min-width: 641px),
print {
    header .login_menu .login_nav {
        padding: 0 16px
    }
}

@media screen and (max-width: 640px) {
    header .login_menu .login_nav {
        padding: 0 5.71429%
    }
}

header .login_menu .login_nav li {
    position: relative;
    border-bottom: dotted 1px #b5b5b5
}

header .login_menu .login_nav li:last-child {
    border-bottom: none
}

header .login_menu .login_nav li a {
    display: block;
    color: #393939;
    font-size: 14px
}

@media screen and (min-width: 641px),
print {
    header .login_menu .login_nav li a {
        padding: 17px 0 16px
    }

    header .login_menu .login_nav li a:hover {
        text-decoration: none;
        opacity: 0.6
    }
}

@media screen and (max-width: 640px) {
    header .login_menu .login_nav li a {
        padding: 19px 0 18px
    }
}

header .login_menu .login_nav li.new a:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ff574c;
    vertical-align: top
}

@media screen and (min-width: 641px),
print {
    header .login_menu .login_nav li.new a:after {
        margin-left: 3px
    }
}

@media screen and (max-width: 640px) {
    header .login_menu .login_nav li.new a:after {
        margin-left: 4px
    }
}

header .login_menu .login_nav li .new_total {
    position: absolute;
    right: 0
}

header .login_menu .login_nav li .new_total .num {
    color: #ff574c
}

header .h_nav {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #000
}

header .h_nav .h_nav_ttl {
    display: inline-block;
    font-size: 10px;
    cursor: pointer
}

@media screen and (min-width: 641px),
print {
    header .h_nav .h_nav_ttl {
        margin: 21px 0;
        padding-right: 32px;
        background: url(../images/h_arrow_ov.png) no-repeat 100% 50%
    }

    header .h_nav .h_nav_ttl img {
        width: 128px;
        height: 22px
    }
}

@media screen and (max-width: 640px) {
    header .h_nav .h_nav_ttl {
        margin: 14px 0;
        padding-right: 24px;
        background: url(../images/sp_h_arrow_ov.png) no-repeat 100% 50%;
        background-size: 8px 5px
    }

    header .h_nav .h_nav_ttl img {
        width: 108px;
        height: 18px
    }
}

header .h_nav nav {
    border-top: solid 1px #dcdcdc;
    border-bottom: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    header .h_nav nav {
        height: 48px;
        background-color: #fff
    }
}

@media screen and (max-width: 640px) {
    header .h_nav nav {
        background-color: #f5f5f5
    }
}

header .h_nav nav .g_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 641px),
print {
    header .h_nav nav .g_nav {
        padding-top: 15px
    }
}

@media screen and (max-width: 640px) {
    header .h_nav nav .g_nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

header .h_nav nav .g_nav li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

header .h_nav nav .g_nav li a {
    display: block;
    color: #393939;
    font-size: 14px
}

header .h_nav nav .g_nav li a:hover {
    text-decoration: none;
    opacity: 0.6
}

@media screen and (min-width: 641px),
print {
    header .h_nav nav .g_nav li {
        border-right: dotted 1px #b5b5b5
    }

    header .h_nav nav .g_nav li:first-child {
        border-left: dotted 1px #b5b5b5
    }

    header .h_nav nav .g_nav li a {
        padding: 0 24px;
        line-height: 1.28571
    }
}

@media screen and (max-width: 640px) {
    header .h_nav nav .g_nav li {
        position: relative;
        width: 50%;
        border-bottom: solid 1px #dcdcdc
    }

    header .h_nav nav .g_nav li.top {
        width: 100%
    }

    header .h_nav nav .g_nav li.top a {
        padding: 0 6.99708%;
        text-align: left
    }

    header .h_nav nav .g_nav li:nth-child(2n+3):before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        height: 59.32203%;
        margin: auto 0;
        border-left: dotted 1px #b5b5b5
    }

    header .h_nav nav .g_nav li a {
        line-height: 4.21429;
        text-align: center
    }
}

header .h_nav nav .search_box {
    position: relative;
    padding: 18px 0;
    border-bottom: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    header .h_nav nav .search_box {
        display: none
    }
}

header .h_nav nav .search_box input {
    width: 100%;
    padding-left: 43px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px
}

header .h_nav nav .search_box button {
    display: block;
    position: absolute;
    top: 0;
    left: 16px;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto 0;
    border: none;
    background: url(../images/icon_search.svg) no-repeat 50% 50%;
    background-size: contain
}

header .h_nav nav .sns_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 62.93333%;
    margin: 0 auto;
    padding: 18px 0
}

@media screen and (min-width: 641px),
print {
    header .h_nav nav .sns_btn {
        display: none
    }
}

header .h_nav nav .sns_btn li {
    width: 44px
}

header .h_nav nav .sns_btn li img {
    width: 100%;
    height: auto
}

header .h_nav nav .sns_btn li.copy_btn {
    position: relative
}

header .h_nav nav .sns_btn li.copy_btn .copy_link {
    display: none;
    position: absolute;
    top: -30px;
    width: 110px;
    margin: 0 auto;
    background: #ececec;
    border-radius: 4px;
    font-size: 10px;
    font-weight: normal;
    line-height: 2em;
    text-align: center;
    -webkit-animation: fadeInUp 0.4s ease-out;
    animation: fadeInUp 0.4s ease-out
}

header .h_nav nav .sns_btn li.copy_btn .copy_link.hide {
    -webkit-animation: fadeOutUp 0.4s ease-out forwards;
    animation: fadeOutUp 0.4s ease-out forwards
}

header .h_nav nav .sns_btn li.copy_btn .copy_link:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 0;
    margin: 0 auto;
    border: solid 5px #ececec;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}

@media screen and (min-width: 641px),
print {
    header .h_nav nav .sns_btn li.copy_btn .copy_link {
        left: -39px
    }
}

@media screen and (max-width: 640px) {
    header .h_nav nav .sns_btn li.copy_btn .copy_link {
        left: -33px
    }
}

footer .to_top {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1
}

footer .to_top a {
    display: block;
    text-indent: -9999px
}

@media screen and (min-width: 641px),
print {
    footer .to_top a {
        width: 40px;
        height: 40px;
        background: url(../images/btn_top.png) no-repeat 50% 0
    }

    footer .to_top a:hover {
        background-position: 50% 100%
    }
}

@media screen and (max-width: 640px) {
    footer .to_top a {
        width: 32px;
        height: 32px;
        background: url(../images/sp_btn_top.png) no-repeat 50% 0;
        background-size: 100% 200%
    }

    footer .to_top a:active {
        background-position: 50% 100%
    }
}

footer .f_cat_area {
    background-color: #fff
}

@media screen and (min-width: 641px),
print {
    footer .f_cat_area {
        padding: 32px 0
    }
}

@media screen and (max-width: 640px) {
    footer .f_cat_area {
        padding: 32px 0 18px
    }
}

@media screen and (min-width: 641px),
print {

    footer .f_cat_area .content_wrap,
    footer .f_cat_area .page_ttl,
    footer .f_cat_area .nav_tabs .slide_wrap,
    .nav_tabs footer .f_cat_area .slide_wrap,
    footer .f_cat_area .users .user_header,
    .users footer .f_cat_area .user_header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 640px) {

    footer .f_cat_area .content_wrap,
    footer .f_cat_area .page_ttl,
    footer .f_cat_area .nav_tabs .slide_wrap,
    .nav_tabs footer .f_cat_area .slide_wrap,
    footer .f_cat_area .users .user_header,
    .users footer .f_cat_area .user_header {
        margin: 0 6.4%
    }
}

footer .f_cat_area .col_sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 641px),
print {
    footer .f_cat_area .col_sns {
        width: 20.83333%
    }

    footer .f_cat_area .col_sns li img,
    footer .f_cat_area .col_sns li svg {
        width: 32px;
        height: 32px
    }

    footer .f_cat_area .col_sns li svg:hover .cls_tw_1,
    footer .f_cat_area .col_sns li svg:hover .cls_fb_1,
    footer .f_cat_area .col_sns li svg:hover .cls_line_1,
    footer .f_cat_area .col_sns li svg:hover .cls_copy_1 {
        fill: #fff
    }

    footer .f_cat_area .col_sns li svg:hover .cls_tw_2 {
        fill: #1da1f2
    }

    footer .f_cat_area .col_sns li svg:hover .cls_fb_2 {
        fill: #2a5b9f
    }

    footer .f_cat_area .col_sns li svg:hover .cls_line_2 {
        fill: #00c300
    }

    footer .f_cat_area .col_sns li svg:hover .cls_copy_2 {
        fill: #555
    }
}

@media screen and (max-width: 640px) {
    footer .f_cat_area .col_sns {
        width: 72.17125%;
        min-width: 236px;
        margin: 0 auto 32px
    }

    footer .f_cat_area .col_sns li img,
    footer .f_cat_area .col_sns li svg {
        width: 44px;
        height: 44px
    }
}

footer .f_cat_area .col_sns li.copy_btn {
    position: relative
}

footer .f_cat_area .col_sns li.copy_btn .copy_link {
    display: none;
    position: absolute;
    top: -30px;
    width: 110px;
    margin: 0 auto;
    background: #ececec;
    border-radius: 4px;
    font-size: 10px;
    font-weight: normal;
    line-height: 2em;
    text-align: center;
    -webkit-animation: fadeInUp 0.4s ease-out;
    animation: fadeInUp 0.4s ease-out
}

footer .f_cat_area .col_sns li.copy_btn .copy_link.hide {
    -webkit-animation: fadeOutUp 0.4s ease-out forwards;
    animation: fadeOutUp 0.4s ease-out forwards
}

footer .f_cat_area .col_sns li.copy_btn .copy_link:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 0;
    margin: 0 auto;
    border: solid 5px #ececec;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}

@media screen and (min-width: 641px),
print {
    footer .f_cat_area .col_sns li.copy_btn .copy_link {
        left: -39px
    }
}

@media screen and (max-width: 640px) {
    footer .f_cat_area .col_sns li.copy_btn .copy_link {
        left: -33px
    }
}

@media screen and (min-width: 641px),
print {
    footer .f_cat_area .col_cat {
        position: relative;
        width: 75%
    }

    footer .f_cat_area .col_cat:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -1px;
        bottom: 0;
        width: 1px;
        height: 100%;
        background-color: #dcdcdc
    }
}

footer .f_cat_area .col_cat h6 {
    margin-bottom: 1em;
    font-size: 14px
}

footer .f_cat_area .col_cat .cat_list {
    font-size: 0
}

footer .f_cat_area .col_cat .cat_list li {
    display: inline-block
}

footer .f_cat_area .col_cat .cat_list li a {
    color: #888
}

@media screen and (min-width: 641px),
print {
    footer .f_cat_area .col_cat .cat_list li {
        margin-right: 2em;
        font-size: 11px;
        line-height: 2.27273em
    }
}

@media screen and (max-width: 640px) {
    footer .f_cat_area .col_cat .cat_list li {
        width: 50%;
        padding: .66667em 0;
        font-size: 12px;
        line-height: 2em
    }
}

@media screen and (max-width: 374px) {
    footer .f_cat_area .col_cat .cat_list li {
        font-size: 3.2vw
    }
}

@media screen and (min-width: 641px),
print {
    footer .f_nav_area {
        padding: 23px 0 24px
    }

    footer .f_nav_area:before,
    footer .f_nav_area:after {
        content: " ";
        display: table
    }

    footer .f_nav_area:after {
        clear: both
    }
}

footer .f_nav {
    font-size: 0
}

footer .f_nav li {
    display: inline-block
}

footer .f_nav li a {
    color: #393939
}

@media screen and (min-width: 641px),
print {
    footer .f_nav {
        float: left;
        margin-bottom: 24px
    }

    footer .f_nav.f_nav_first {
        position: relative;
        margin-right: 40px;
        padding-right: 18px
    }

    footer .f_nav.f_nav_first:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 1px;
        height: 6px;
        margin: auto 0;
        background-color: #dcdcdc
    }

    footer .f_nav li {
        margin-right: 2em;
        font-size: 11px;
        line-height: 1.4em
    }
}

@media screen and (max-width: 640px) {
    footer .f_nav {
        width: 95.33528%;
        margin: 0 auto;
        padding-bottom: 23px
    }

    footer .f_nav.f_nav_first {
        padding-bottom: 0
    }

    footer .f_nav li {
        margin: 25px 1.5em 0 0;
        font-size: 12px
    }

    footer .f_nav li:last-child {
        margin-right: 0
    }
}

footer .copyright {
    color: #888;
    font-size: 10px
}

@media screen and (min-width: 641px),
print {
    footer .copyright {
        clear: both
    }
}

@media screen and (max-width: 640px) {
    footer .copyright {
        margin: 0 -4.66472%;
        border-top: solid 1px #dcdcdc;
        line-height: 40px;
        text-align: center
    }
}

@media screen and (min-width: 641px),
print {
    .projects_list_wrap {
        position: relative;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .projects_list_wrap {
        position: relative;
        padding-bottom: 20px
    }
}

@media screen and (min-width: 641px),
print {
    .projects_list_wrap h3 {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .projects_list_wrap h3 {
        margin: 32px 0;
        padding: 0 100px 0 0;
        border-bottom: none
    }
}

.projects_list_wrap .view_all {
    position: absolute;
    right: 0;
    background-color: #fff
}

.projects_list_wrap .view_all a {
    display: block;
    border: solid 1px #393939;
    color: #393939
}

@media screen and (min-width: 641px),
print {
    .projects_list_wrap .view_all {
        top: -3px;
        font-size: 13px
    }

    .projects_list_wrap .view_all a {
        background: url(../images/icon_view_all.png) no-repeat 89.58333% 50%;
        padding: 0 21px 0 12px;
        line-height: 26px
    }

    .projects_list_wrap .view_all a:hover {
        text-decoration: none;
        opacity: 0.6
    }
}

@media screen and (max-width: 640px) {
    .projects_list_wrap .view_all {
        top: 3px;
        font-size: 12px
    }

    .projects_list_wrap .view_all a {
        padding: 0 24px 0 14px;
        background: url(../images/sp_icon_view_all.png) no-repeat 87.36842% 50%;
        background-size: 5px 8px;
        line-height: 30px
    }
}

@media screen and (min-width: 641px),
print {
    .projects_list_wrap .pager {
        margin-bottom: 40px;
        padding-top: 8px
    }
}

@media screen and (max-width: 640px) {
    .projects_list_wrap .pager {
        margin-bottom: 20px;
        padding-top: 20px
    }
}

.projects_list,
.fanclub_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 641px) and (max-width: 1000px) {

    .projects_list,
    .fanclub_list {
        width: 716px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) and (max-width: 756px) {

    .projects_list,
    .fanclub_list {
        width: 472px
    }
}

@media screen and (max-width: 640px) {

    .projects_list,
    .fanclub_list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.projects_list li,
.fanclub_list li {
    position: relative;
    overflow: hidden;
    background-color: #fff
}

@media screen and (min-width: 641px),
print {

    .projects_list li,
    .fanclub_list li {
        width: 228px;
        margin-left: 16px;
        margin-bottom: 40px;
        padding-bottom: 117px;
        border-radius: 4px
    }

    .projects_list li:nth-child(4n+1),
    .fanclub_list li:nth-child(4n+1) {
        margin-left: 0
    }

    .projects_list li .excerpt,
    .fanclub_list li .excerpt {
        padding: 0 16px
    }

    .projects_list li .excerpt a:hover,
    .fanclub_list li .excerpt a:hover {
        text-decoration: none;
        opacity: 0.6
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {

    .projects_list li:nth-child(4n+1),
    .fanclub_list li:nth-child(4n+1) {
        margin-left: 16px
    }

    .projects_list li:nth-child(3n+1),
    .fanclub_list li:nth-child(3n+1) {
        margin-left: 0
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) and (max-width: 756px) {

    .projects_list li:nth-child(3n+1),
    .fanclub_list li:nth-child(3n+1) {
        margin-left: 16px
    }

    .projects_list li:nth-child(odd),
    .fanclub_list li:nth-child(odd) {
        margin-left: 0
    }
}

@media screen and (max-width: 640px) {

    .projects_list li,
    .fanclub_list li {
        width: 47.81341%;
        margin-bottom: 20px;
        padding-bottom: 78px;
        border-radius: 2px
    }

    .projects_list li .excerpt,
    .fanclub_list li .excerpt {
        padding: 0 7.31707%
    }
}

.projects_list .new,
.fanclub_list .new {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 40px;
    background-color: #ff574c;
    color: #fff;
    font-size: 12px;
    text-align: center
}

@media screen and (min-width: 641px),
print {

    .projects_list .new,
    .fanclub_list .new {
        line-height: 20px
    }
}

@media screen and (max-width: 640px) {

    .projects_list .new,
    .fanclub_list .new {
        line-height: 18px
    }
}

.projects_list .thumbnail,
.fanclub_list .thumbnail {
    overflow: hidden;
    background-color: #ccc
}

@media screen and (min-width: 641px),
print {

    .projects_list .thumbnail,
    .fanclub_list .thumbnail {
        height: 128px;
        margin-bottom: 11px
    }

    .projects_list .thumbnail:hover img,
    .fanclub_list .thumbnail:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media screen and (max-width: 640px) {

    .projects_list .thumbnail,
    .fanclub_list .thumbnail {
        height: 24vw;
        margin-bottom: 9px
    }
}

.projects_list .thumbnail img,
.fanclub_list .thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

.projects_list .project_ttl a,
.fanclub_list .project_ttl a {
    color: #393939
}

@media screen and (min-width: 641px),
print {

    .projects_list .project_ttl,
    .fanclub_list .project_ttl {
        margin-bottom: 11px;
        font-size: 14px;
        line-height: 1.71429
    }
}

@media screen and (max-width: 640px) {

    .projects_list .project_ttl,
    .fanclub_list .project_ttl {
        margin-bottom: 9px;
        font-size: 10px;
        line-height: 1.6
    }
}

.projects_list .project_data,
.fanclub_list .project_data {
    position: absolute
}

@media screen and (min-width: 641px),
print {

    .projects_list .project_data,
    .fanclub_list .project_data {
        left: 16px;
        right: 16px;
        bottom: 15px
    }
}

@media screen and (max-width: 640px) {

    .projects_list .project_data,
    .fanclub_list .project_data {
        left: 7.31707%;
        right: 7.31707%;
        bottom: 12px
    }
}

.projects_list .project_meta:before,
.fanclub_list .project_meta:before,
.projects_list .project_meta:after,
.fanclub_list .project_meta:after {
    content: " ";
    display: table
}

.projects_list .project_meta:after,
.fanclub_list .project_meta:after {
    clear: both
}

.projects_list .project_meta a,
.fanclub_list .project_meta a {
    color: #888
}

.projects_list .project_meta .project_tag,
.fanclub_list .project_meta .project_tag,
.projects_list .project_meta .project_user,
.fanclub_list .project_meta .project_user {
    max-width: 50%;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.projects_list .project_meta .project_tag,
.fanclub_list .project_meta .project_tag {
    float: left
}

.projects_list .project_meta .project_user,
.fanclub_list .project_meta .project_user {
    float: right
}

@media screen and (min-width: 641px),
print {

    .projects_list .project_meta,
    .fanclub_list .project_meta {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 640px) {

    .projects_list .project_meta,
    .fanclub_list .project_meta {
        margin-bottom: 12px
    }
}

.projects_list .project_funding,
.fanclub_list .project_funding {
    position: relative
}

.projects_list .project_funding .status,
.fanclub_list .project_funding .status {
    padding-top: 4px
}

@media screen and (max-width: 640px) {

    .projects_list .project_funding .status,
    .fanclub_list .project_funding .status {
        font-size: 0
    }
}

.projects_list .project_funding .status p,
.fanclub_list .project_funding .status p {
    margin-bottom: 8px;
    font-size: 10px;
    font-weight: bold
}

.projects_list .project_funding .status p:before,
.fanclub_list .project_funding .status p:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (min-width: 641px),
print {

    .projects_list .project_funding .status p:before,
    .fanclub_list .project_funding .status p:before {
        width: 14px;
        height: 16px;
        margin-right: 9px;
        vertical-align: -25%
    }

    .projects_list .project_funding .status p .value,
    .fanclub_list .project_funding .status p .value {
        font-size: 12px
    }
}

@media screen and (max-width: 640px) {

    .projects_list .project_funding .status p,
    .fanclub_list .project_funding .status p {
        display: inline-block
    }

    .projects_list .project_funding .status p.price,
    .fanclub_list .project_funding .status p.price {
        display: block
    }

    .projects_list .project_funding .status p:before,
    .fanclub_list .project_funding .status p:before {
        width: 10px;
        height: 12px;
        vertical-align: -15%
    }

    .projects_list .project_funding .status p .value,
    .fanclub_list .project_funding .status p .value {
        display: inline-block;
        -webkit-transform-origin: 20px 100%;
        transform-origin: 20px 100%;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    .projects_list .project_funding .status p .unit,
    .fanclub_list .project_funding .status p .unit {
        display: inline-block;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
}

.projects_list .project_funding .status .remaining_time:before,
.fanclub_list .project_funding .status .remaining_time:before {
    background-image: url(../images/icon_time.svg)
}

.projects_list .project_funding .status .supporter:before,
.fanclub_list .project_funding .status .supporter:before {
    background-image: url(../images/icon_supporter.svg)
}

.projects_list .project_funding .status .price:before,
.fanclub_list .project_funding .status .price:before {
    background-image: url(../images/icon_yen.svg)
}

@media screen and (min-width: 641px),
print {

    .projects_list .project_funding .achievement_rate,
    .fanclub_list .project_funding .achievement_rate {
        position: absolute;
        top: 0;
        right: 0;
        width: 72px;
        height: 72px
    }
}

@media screen and (max-width: 640px) {

    .projects_list .project_funding .achievement_rate,
    .fanclub_list .project_funding .achievement_rate {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px
    }
}

.projects_list .project_funding .achievement_rate .rate_val,
.fanclub_list .project_funding .achievement_rate .rate_val {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    text-align: center;
    white-space: nowrap
}

@media screen and (min-width: 641px),
print {

    .projects_list .project_funding .achievement_rate .rate_val,
    .fanclub_list .project_funding .achievement_rate .rate_val {
        width: 50px;
        height: 50px;
        font-size: 10px;
        line-height: 50px
    }

    .projects_list .project_funding .achievement_rate .rate_val .value,
    .fanclub_list .project_funding .achievement_rate .rate_val .value {
        font-size: 12px;
        font-weight: bold
    }
}

@media screen and (max-width: 640px) {

    .projects_list .project_funding .achievement_rate .rate_val,
    .fanclub_list .project_funding .achievement_rate .rate_val {
        width: 28px;
        height: 28px;
        font-size: 10px;
        line-height: 28px
    }

    .projects_list .project_funding .achievement_rate .rate_val .value,
    .fanclub_list .project_funding .achievement_rate .rate_val .value {
        display: inline-block;
        font-weight: bold;
        -webkit-transform-origin: 75% 50%;
        transform-origin: 75% 50%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .projects_list .project_funding .achievement_rate .rate_val .unit,
    .fanclub_list .project_funding .achievement_rate .rate_val .unit {
        display: inline-block;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
}

@media screen and (min-width: 641px),
print {
    .fanclub_list li {
        padding-bottom: 15px
    }
}

@media screen and (max-width: 640px) {
    .fanclub_list li {
        padding-bottom: 12px
    }
}

.fanclub_list .project_funding .status p {
    margin-bottom: 4px
}

@media screen and (min-width: 641px),
print {
    .reports_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.reports_list li {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background-color: #fff
}

@media screen and (min-width: 641px),
print {
    .reports_list li {
        width: 49.16667%;
        height: 266px;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .reports_list li {
        width: 100%;
        height: 180px;
        margin-bottom: 16px
    }
}

.reports_list li>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc
}

.reports_list li .excerpt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

@media screen and (min-width: 641px),
print {
    .reports_list li .excerpt {
        padding: 0 16px 16px
    }
}

@media screen and (max-width: 640px) {
    .reports_list li .excerpt {
        padding: 0 8px 8px
    }
}

.reports_list li .report_ttl_sub {
    margin-bottom: 1px
}

.reports_list li .report_ttl_sub p {
    display: inline-block;
    padding: 4px 8px;
    background-color: #fff;
    font-weight: bold
}

@media screen and (min-width: 641px),
print {
    .reports_list li .report_ttl_sub p {
        font-size: 12px
    }
}

@media screen and (max-width: 640px) {
    .reports_list li .report_ttl_sub p {
        font-size: 10px
    }
}

.reports_list li .report_ttl {
    margin-bottom: 7px
}

.reports_list li .report_ttl p {
    display: inline;
    background-color: #393939;
    color: #fff
}

@media screen and (min-width: 641px),
print {
    .reports_list li .report_ttl p {
        font-size: 16px;
        line-height: 1.625
    }
}

@media screen and (max-width: 640px) {
    .reports_list li .report_ttl p {
        font-size: 12px;
        line-height: 1.58333
    }
}

.reports_list li .report_more {
    background-color: #ff574c;
    color: #fff;
    text-align: center
}

@media screen and (min-width: 641px),
print {
    .reports_list li .report_more {
        width: 88px;
        font-size: 14px;
        line-height: 30px
    }
}

@media screen and (max-width: 640px) {
    .reports_list li .report_more {
        width: 70px;
        font-size: 12px;
        line-height: 19px
    }
}

.return_list {
    padding-bottom: 40px
}

@media screen and (min-width: 641px),
print {
    .return_list>li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 40px;
        border-top: solid 6px #393939
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .return_list>li {
        display: block
    }
}

@media screen and (max-width: 640px) {
    .return_list>li {
        margin-bottom: 32px;
        border-top: solid 3px #393939
    }
}

.return_list>li .col_detail,
.return_list>li .col_edit {
    border: solid 1px #dcdcdc;
    border-top: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.return_list>li .col_detail {
    background-color: #fff
}

@media screen and (min-width: 641px),
print {
    .return_list>li .col_detail {
        width: 784px;
        padding: 33px 40px 30px 39px;
        border-right: none
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .return_list>li .col_detail {
        width: inherit;
        padding: 33px 39px 30px;
        border-right: solid 1px #dcdcdc;
        border-bottom: none
    }
}

@media screen and (max-width: 640px) {
    .return_list>li .col_detail {
        padding: 20px 5.53936% 20px;
        border-bottom: none
    }
}

@media screen and (min-width: 641px),
print {
    .return_list>li .col_detail .price {
        margin-bottom: 11px;
        font-size: 24px;
        font-weight: bold
    }
}

@media screen and (max-width: 640px) {
    .return_list>li .col_detail .price {
        margin-bottom: 15px;
        font-size: 20px
    }

    .return_list>li .col_detail .price .yen {
        font-size: 16px
    }
}

@media screen and (min-width: 641px),
print {
    .return_list>li .col_detail .detail_txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 640px) {
    .return_list>li .col_detail .detail_txt {
        margin-bottom: 16px
    }
}

@media screen and (min-width: 641px),
print {
    .return_list>li .col_detail .detail_txt .thumbnail {
        width: 224px
    }

    .return_list>li .col_detail .detail_txt .thumbnail img {
        width: 224px;
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .return_list>li .col_detail .detail_txt .thumbnail {
        margin-bottom: 17px
    }

    .return_list>li .col_detail .detail_txt .thumbnail img {
        width: 100%;
        height: auto
    }
}

.return_list>li .col_detail .detail_txt .excerpt h4 {
    font-weight: bold;
    line-height: 1.4em
}

@media screen and (min-width: 641px),
print {
    .return_list>li .col_detail .detail_txt .excerpt {
        padding-left: 24px
    }

    .return_list>li .col_detail .detail_txt .excerpt h4 {
        margin-bottom: 15px;
        font-size: 18px
    }

    .return_list>li .col_detail .detail_txt .excerpt p {
        overflow: hidden;
        max-height: 5.14286em;
        font-size: 14px;
        line-height: 1.71429
    }
}

@media screen and (max-width: 640px) {
    .return_list>li .col_detail .detail_txt .excerpt h4 {
        margin-bottom: 10px;
        font-size: 16px
    }

    .return_list>li .col_detail .detail_txt .excerpt p {
        overflow: hidden;
        max-height: 6.33333em;
        font-size: 12px;
        line-height: 1.58333
    }
}

.return_list>li .col_detail .return_meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.return_list>li .col_detail .return_meta .meta_ttl {
    color: #888;
    font-size: 12px
}

.return_list>li .col_detail .return_meta .meta_val {
    font-size: 14px;
    line-height: 1.71429
}

@media screen and (min-width: 641px),
print {
    .return_list>li .col_detail .return_meta {
        border-right: solid 1px #dcdcdc
    }

    .return_list>li .col_detail .return_meta li {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-left: solid 1px #dcdcdc;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center
    }

    .return_list>li .col_detail .return_meta .meta_ttl {
        line-height: 2em
    }
}

@media screen and (max-width: 640px) {
    .return_list>li .col_detail .return_meta {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .return_list>li .col_detail .return_meta li {
        width: 47.52475%;
        padding: 7px 0 5px;
        border-bottom: solid 1px #dcdcdc;
        text-align: center
    }

    .return_list>li .col_detail .return_meta li:nth-child(-n+2) {
        border-top: solid 1px #dcdcdc
    }

    .fanclub .return_list>li .col_detail .return_meta li:first-child {
        width: 100%
    }

    .fanclub .return_list>li .col_detail .return_meta li:nth-child(2) {
        border-top: none
    }

    .return_list>li .col_detail .return_meta .meta_ttl {
        line-height: 1.7em
    }
}

.return_list>li .col_edit {
    background-color: #ececec
}

@media screen and (min-width: 641px),
print {
    .return_list>li .col_edit {
        border-left: none;
        width: 18.33333%;
        padding-top: 32px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .return_list>li .col_edit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: inherit;
        padding-bottom: 32px;
        border-left: solid 1px #dcdcdc
    }
}

@media screen and (max-width: 640px) {
    .return_list>li .col_edit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 5.57185%
    }
}

.return_list>li .col_edit .delete,
.return_list>li .col_edit .edit {
    text-align: center
}

.return_list>li .col_edit .delete a,
.return_list>li .col_edit .edit a {
    display: block;
    border: solid 1px transparent;
    color: #fff;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.return_list>li .col_edit .delete a:hover,
.return_list>li .col_edit .edit a:hover {
    text-decoration: none
}

@media screen and (min-width: 641px),
print {

    .return_list>li .col_edit .delete,
    .return_list>li .col_edit .edit {
        width: 128px;
        margin: 0 auto 8px;
        font-size: 14px;
        line-height: 38px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {

    .return_list>li .col_edit .delete,
    .return_list>li .col_edit .edit {
        margin: 0 16px
    }
}

@media screen and (max-width: 640px) {

    .return_list>li .col_edit .delete,
    .return_list>li .col_edit .edit {
        width: 47.52475%;
        font-size: 16px;
        line-height: 38px
    }
}

.return_list>li .col_edit .delete a {
    background-color: #393939
}

@media screen and (min-width: 641px),
print {
    .return_list>li .col_edit .delete a:hover {
        border-color: #393939;
        background-color: #fff;
        color: #393939
    }
}

.return_list>li .col_edit .edit a {
    background-color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .return_list>li .col_edit .edit a:hover {
        border-color: #ff574c;
        background-color: #fff;
        color: #ff574c
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list {
        margin-bottom: -20px
    }
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 40px;
        border-top: solid 6px #393939
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .my_projects_list>li {
        display: block
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li {
        margin-bottom: 40px;
        border-top: solid 3px #393939
    }
}

.my_projects_list>li .col_detail,
.my_projects_list>li .col_edit {
    border: solid 1px #dcdcdc;
    border-top: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.my_projects_list>li .col_detail {
    background-color: #fff
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_detail {
        width: 720px;
        padding: 32px 40px 40px 39px;
        border-right: none
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .my_projects_list>li .col_detail {
        width: inherit;
        padding: 33px 39px 30px;
        border-right: solid 1px #dcdcdc;
        border-bottom: none
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_detail {
        padding: 20px 5.53936% 18px;
        border-bottom: none
    }
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_detail .detail_txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_detail .detail_txt {
        margin-bottom: 16px
    }
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_detail .detail_txt .thumbnail {
        width: 400px
    }

    .my_projects_list>li .col_detail .detail_txt .thumbnail img {
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_detail .detail_txt .thumbnail {
        margin-bottom: 16px
    }

    .my_projects_list>li .col_detail .detail_txt .thumbnail img {
        width: 100%;
        height: auto
    }
}

.my_projects_list>li .col_detail .detail_txt .project_info {
    border-bottom: dotted 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_detail .detail_txt .project_info {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 240px;
        height: 225px;
        padding: 15px 0 0;
        border-top: dotted 1px #dcdcdc;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .my_projects_list>li .col_detail .detail_txt .project_info:before,
    .my_projects_list>li .col_detail .detail_txt .project_info:after {
        content: " ";
        display: table
    }

    .my_projects_list>li .col_detail .detail_txt .project_info:after {
        clear: both
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_detail .detail_txt .project_info {
        position: relative;
        padding: 0 0 9px
    }
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_detail .detail_txt .project_info dl.info2 {
        float: left;
        position: relative;
        width: 50%;
        height: 38px
    }

    .my_projects_list>li .col_detail .detail_txt .project_info dl.info2:last-child:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 1px;
        height: 30px;
        background-color: #dcdcdc
    }

    .my_projects_list>li .col_detail .detail_txt .project_info dl dt {
        margin-bottom: 6px;
        color: #888;
        font-size: 12px;
        text-align: center
    }

    .my_projects_list>li .col_detail .detail_txt .project_info dl dd {
        font-size: 16px;
        text-align: center
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_detail .detail_txt .project_info dl {
        width: 69.14191%;
        padding: 8px 0;
        border-top: dotted 1px #dcdcdc
    }

    .my_projects_list>li .col_detail .detail_txt .project_info dl:before,
    .my_projects_list>li .col_detail .detail_txt .project_info dl:after {
        content: " ";
        display: table
    }

    .my_projects_list>li .col_detail .detail_txt .project_info dl:after {
        clear: both
    }

    .my_projects_list>li .col_detail .detail_txt .project_info dl:first-child {
        border-top: none
    }

    .my_projects_list>li .col_detail .detail_txt .project_info dl dt {
        float: left;
        color: #888;
        font-size: 10px
    }

    .my_projects_list>li .col_detail .detail_txt .project_info dl dd {
        float: right;
        font-size: 12px
    }
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_detail .detail_txt .project_info .achievement_rate {
        width: 114px;
        height: 114px;
        margin: 10px auto 2px
    }

    .my_projects_list>li .col_detail .detail_txt .project_info .achievement_rate .rate_val {
        width: 80px;
        height: 80px;
        font-size: 14px;
        line-height: 80px
    }

    .my_projects_list>li .col_detail .detail_txt .project_info .achievement_rate .rate_val .value {
        font-size: 18px;
        font-weight: bold
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_detail .detail_txt .project_info .achievement_rate {
        position: absolute;
        top: 0;
        right: 0
    }

    .my_projects_list>li .col_detail .detail_txt .project_info .achievement_rate .rate_val {
        width: 52px;
        height: 52px;
        font-size: 10px;
        line-height: 52px
    }

    .my_projects_list>li .col_detail .detail_txt .project_info .achievement_rate .rate_val .value {
        font-size: 14px;
        font-weight: bold
    }
}

.my_projects_list>li .col_detail .excerpt .project_cat {
    float: left
}

.my_projects_list>li .col_detail .excerpt .project_cat a {
    display: block;
    padding: 0 11px;
    border: solid 1px #dcdcdc;
    color: #393939
}

.my_projects_list>li .col_detail .excerpt .project_cat a:hover {
    text-decoration: none
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_detail .excerpt .project_cat {
        margin-bottom: 19px
    }

    .my_projects_list>li .col_detail .excerpt .project_cat a {
        font-size: 14px;
        line-height: 26px
    }

    .my_projects_list>li .col_detail .excerpt .project_cat a:hover {
        opacity: 0.6
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_detail .excerpt .project_cat {
        margin-bottom: 15px
    }

    .my_projects_list>li .col_detail .excerpt .project_cat a {
        font-size: 12px;
        line-height: 22px
    }
}

.my_projects_list>li .col_detail .excerpt .project_author {
    float: right;
    font-size: 14px
}

.my_projects_list>li .col_detail .excerpt .project_author a {
    color: #393939;
    text-decoration: underline
}

.my_projects_list>li .col_detail .excerpt .project_author a:hover {
    text-decoration: none
}

.my_projects_list>li .col_detail .excerpt .project_author .user_icon {
    display: inline-block;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    vertical-align: middle
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_detail .excerpt .project_author {
        margin-bottom: 19px
    }

    .my_projects_list>li .col_detail .excerpt .project_author .user_icon {
        width: 28px;
        height: 28px
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_detail .excerpt .project_author {
        margin-bottom: 15px;
        padding: 2px 0
    }

    .my_projects_list>li .col_detail .excerpt .project_author .user_icon {
        width: 20px;
        height: 20px
    }
}

.my_projects_list>li .col_detail .excerpt h4 {
    clear: both
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_detail .excerpt h4 {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 1.5
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_detail .excerpt h4 {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 1.57143
    }
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_detail .excerpt .excerpt_txt {
        font-size: 14px
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_detail .excerpt .excerpt_txt {
        font-size: 12px;
        line-height: 1.58333
    }
}

.my_projects_list>li .col_edit {
    background-color: #ececec
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_edit {
        border-left: none;
        width: 240px;
        padding: 32px 23px 24px 24px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .my_projects_list>li .col_edit {
        width: inherit;
        padding: 32px 39px 24px;
        border-left: solid 1px #dcdcdc
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_edit {
        padding: 20px 5.57185% 24px
    }
}

.my_projects_list>li .col_edit dl {
    border-top: dotted 1px #dcdcdc
}

.my_projects_list>li .col_edit dl.return_desc dt {
    margin-bottom: 8px
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_edit dl {
        margin-bottom: 23px;
        padding-top: 24px
    }

    .my_projects_list>li .col_edit dl dt {
        margin-bottom: 13px;
        font-size: 14px;
        font-weight: bold
    }

    .my_projects_list>li .col_edit dl dd {
        font-size: 20px
    }

    .my_projects_list>li .col_edit dl.support_date {
        padding-top: 0;
        border-top: none
    }

    .my_projects_list>li .col_edit dl.return_desc {
        margin-bottom: 15px;
        padding-bottom: 0
    }

    .my_projects_list>li .col_edit dl.return_desc dd {
        font-size: 14px;
        line-height: 1.71429
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {

    .my_projects_list>li .col_edit dl:before,
    .my_projects_list>li .col_edit dl:after {
        content: " ";
        display: table
    }

    .my_projects_list>li .col_edit dl:after {
        clear: both
    }

    .my_projects_list>li .col_edit dl dt {
        float: left;
        margin-bottom: 0;
        padding-top: 3px
    }

    .my_projects_list>li .col_edit dl dd {
        float: right
    }

    .my_projects_list>li .col_edit dl.support_date {
        padding-top: 24px;
        border-top: dotted 1px #dcdcdc
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_edit dl {
        padding: 13px 0
    }

    .my_projects_list>li .col_edit dl:before,
    .my_projects_list>li .col_edit dl:after {
        content: " ";
        display: table
    }

    .my_projects_list>li .col_edit dl:after {
        clear: both
    }

    .my_projects_list>li .col_edit dl dt {
        float: left;
        padding-top: 2px;
        font-size: 12px;
        font-weight: bold
    }

    .my_projects_list>li .col_edit dl dd {
        float: right;
        font-size: 16px
    }

    .my_projects_list>li .col_edit dl.return_desc {
        margin-bottom: 2px
    }

    .my_projects_list>li .col_edit dl.return_desc dd {
        font-size: 12px;
        line-height: 1.58333
    }
}

.my_projects_list>li .col_edit .manage a,
.my_projects_list>li .col_edit .edit a,
.my_projects_list>li .col_edit .issue_receipt a,
.my_projects_list>li .col_edit .more_detail a {
    color: #fff
}

@media screen and (min-width: 641px),
print {

    .my_projects_list>li .col_edit .manage,
    .my_projects_list>li .col_edit .edit,
    .my_projects_list>li .col_edit .issue_receipt,
    .my_projects_list>li .col_edit .more_detail {
        margin-bottom: 8px
    }

    .my_projects_list>li .col_edit .manage a,
    .my_projects_list>li .col_edit .edit a,
    .my_projects_list>li .col_edit .issue_receipt a,
    .my_projects_list>li .col_edit .more_detail a {
        border: solid 1px transparent;
        font-size: 14px;
        line-height: 38px
    }
}

@media screen and (max-width: 640px) {

    .my_projects_list>li .col_edit .manage,
    .my_projects_list>li .col_edit .edit,
    .my_projects_list>li .col_edit .issue_receipt,
    .my_projects_list>li .col_edit .more_detail {
        width: 66.0066%;
        margin: 0 auto
    }

    .my_projects_list>li .col_edit .manage a,
    .my_projects_list>li .col_edit .edit a,
    .my_projects_list>li .col_edit .issue_receipt a,
    .my_projects_list>li .col_edit .more_detail a {
        font-size: 16px;
        line-height: 52px
    }
}

.my_projects_list>li .col_edit .manage a {
    background-color: #1ec39a
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_edit .manage a:hover {
        border-color: #1ec39a;
        background-color: #fff;
        color: #1ec39a
    }
}

.my_projects_list>li .col_edit .issue_receipt a {
    background-color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_edit .issue_receipt {
        margin: -7px 0 24px
    }

    .my_projects_list>li .col_edit .issue_receipt a:hover {
        border-color: #ff574c;
        background-color: #fff;
        color: #ff574c
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_edit .issue_receipt {
        margin-top: 3px;
        margin-bottom: 16px
    }
}

.my_projects_list>li .col_edit .more_detail a {
    background-color: #393939
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_edit .more_detail a:hover {
        border-color: #393939;
        background-color: #fff;
        color: #393939
    }
}

.my_projects_list>li .col_edit .edit a {
    background-color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_edit .edit a:hover {
        border-color: #ff574c;
        background-color: #fff;
        color: #ff574c
    }
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_edit .edit_group {
        position: relative;
        height: 100%
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .my_projects_list>li .col_edit .edit_group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_edit .edit_group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {

    .my_projects_list>li .col_edit .edit_group .manage,
    .my_projects_list>li .col_edit .edit_group .edit,
    .my_projects_list>li .col_edit .edit_group .issue_receipt,
    .my_projects_list>li .col_edit .edit_group .more_detail {
        width: 47.52475%;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 640px) {

    .my_projects_list>li .col_edit .edit_group .manage,
    .my_projects_list>li .col_edit .edit_group .edit,
    .my_projects_list>li .col_edit .edit_group .issue_receipt,
    .my_projects_list>li .col_edit .edit_group .more_detail {
        width: 47.52475%;
        margin: 0 0 15px
    }

    .my_projects_list>li .col_edit .edit_group .manage a,
    .my_projects_list>li .col_edit .edit_group .edit a,
    .my_projects_list>li .col_edit .edit_group .issue_receipt a,
    .my_projects_list>li .col_edit .edit_group .more_detail a {
        line-height: 44px
    }
}

.my_projects_list>li .col_edit .edit_group .delete a {
    border: solid 1px #ff574c;
    background-color: #fff;
    color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .my_projects_list>li .col_edit .edit_group .delete {
        position: absolute;
        width: 192px;
        bottom: 8px
    }

    .my_projects_list>li .col_edit .edit_group .delete a {
        font-size: 14px;
        line-height: 38px
    }

    .my_projects_list>li .col_edit .edit_group .delete a:hover {
        background-color: #ff574c;
        color: #fff
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .my_projects_list>li .col_edit .edit_group .delete {
        position: static;
        width: 47.52475%
    }
}

@media screen and (max-width: 640px) {
    .my_projects_list>li .col_edit .edit_group .delete {
        width: 47.52475%;
        margin-bottom: 15px
    }

    .my_projects_list>li .col_edit .edit_group .delete a {
        font-size: 16px;
        line-height: 42px
    }
}

.nav_tabs_group {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 641px),
print {
    .nav_tabs_group {
        margin-bottom: 70px
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs_group {
        margin-bottom: 30px
    }
}

.nav_tabs {
    position: relative;
    border-bottom: solid 1px #dcdcdc
}

@media screen and (max-width: 640px) {
    .nav_tabs.apply_tag {
        margin-bottom: 115px
    }
}

@media screen and (min-width: 641px),
print {
    .nav_tabs.apply_tag .apply {
        padding: 0
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs.apply_tag .apply {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        top: 84px;
        width: 280px
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs.apply_tag .apply a {
        font-size: 16px;
        line-height: 52px;
        height: auto;
        padding-top: 0
    }
}

@media screen and (min-width: 641px),
print {
    .nav_tabs.pages_tabs ul li a {
        padding: 16px 38px 0
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs.pages_tabs ul li a {
        padding: 18.5px 19px 0
    }
}

.nav_tabs .slide_wrap {
    overflow: auto
}

.nav_tabs .slide_wrap ul {
    overflow: hidden
}

.nav_tabs .back_btn,
.nav_tabs .next_btn {
    display: none;
    position: absolute;
    z-index: 1;
    width: 36px;
    height: 48px;
    border: none;
    outline: none;
    text-indent: -9999px
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .nav_tabs .back_btn {
        bottom: 0;
        left: 0;
        background: url(../images/back_btn.png) no-repeat;
        background-size: contain
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs .back_btn {
        bottom: 0;
        left: 0;
        background: url(../images/back_btn.png) no-repeat;
        background-size: contain
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .nav_tabs .next_btn {
        bottom: 0;
        right: 0;
        background: url(../images/next_btn.png) no-repeat;
        background-size: contain
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs .next_btn {
        bottom: 0;
        right: 0;
        background: url(../images/next_btn.png) no-repeat;
        background-size: contain
    }
}

.nav_tabs ul {
    position: relative;
    padding-left: 1px
}

.nav_tabs ul:before,
.nav_tabs ul:after {
    content: " ";
    display: table
}

.nav_tabs ul:after {
    clear: both
}

@media screen and (min-width: 641px),
print {
    .nav_tabs ul {
        height: 46px
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs ul {
        height: 48px
    }
}

.nav_tabs ul:before {
    content: '';
    position: absolute;
    background-color: #b5b5b5;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1px
}

@media screen and (min-width: 641px),
print {
    .nav_tabs ul:before {
        height: 6px
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs ul:before {
        height: 8px
    }
}

.nav_tabs ul li {
    float: left;
    position: relative;
    padding-right: 1px
}

.nav_tabs ul li:after {
    content: '';
    position: absolute;
    background-color: #b5b5b5;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 1px
}

@media screen and (min-width: 641px),
print {
    .nav_tabs ul li:after {
        height: 6px
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs ul li:after {
        height: 8px
    }
}

.nav_tabs ul li.now a:before,
.nav_tabs ul li.open a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #ff574c
}

@media screen and (min-width: 641px),
print {

    .nav_tabs ul li.now a:before,
    .nav_tabs ul li.open a:before {
        height: 4px
    }
}

@media screen and (max-width: 640px) {

    .nav_tabs ul li.now a:before,
    .nav_tabs ul li.open a:before {
        height: 2px
    }
}

@media screen and (min-width: 641px),
print {
    .nav_tabs ul li.apply {
        float: none;
        width: 240px;
        height: 46px;
        margin-right: 0;
        margin-left: auto;
        margin-top: auto
    }
}

.nav_tabs ul li.apply:after {
    display: none
}

.nav_tabs ul li.apply a {
    display: block;
    color: #fff;
    background-color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .nav_tabs ul li.apply a {
        line-height: 46px;
        padding-top: 0
    }
}

.nav_tabs ul a {
    color: #393939;
    text-align: center;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1em
}

.nav_tabs ul a:hover {
    text-decoration: none
}

@media screen and (min-width: 641px),
print {
    .nav_tabs ul a {
        height: 46px;
        padding: 16px 29px 0;
        font-size: 14px
    }

    .nav_tabs ul a:hover {
        opacity: 0.6
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs ul a {
        height: 48px;
        padding: 18.5px 15px 0;
        font-size: 12px
    }
}

.nav_my_project,
.faq_tabs {
    background-color: #fff
}

.nav_my_project ul,
.faq_tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.nav_my_project ul li a,
.faq_tabs ul li a {
    display: block;
    color: #393939
}

.nav_my_project ul li a:hover,
.faq_tabs ul li a:hover {
    text-decoration: none
}

@media screen and (min-width: 641px),
print {

    .nav_my_project ul li a,
    .faq_tabs ul li a {
        padding: 33px 0
    }
}

@media screen and (max-width: 640px) {

    .nav_my_project ul li a,
    .faq_tabs ul li a {
        padding: 24px 0
    }
}

.nav_my_project ul li.now a,
.faq_tabs ul li.now a {
    color: #ff574c
}

@media screen and (min-width: 641px),
print {

    .nav_my_project ul li,
    .faq_tabs ul li {
        font-size: 14px
    }

    .nav_my_project ul li a:hover,
    .faq_tabs ul li a:hover {
        opacity: 0.6
    }
}

@media screen and (max-width: 640px) {

    .nav_my_project ul li,
    .faq_tabs ul li {
        font-size: 12px
    }
}

@media screen and (min-width: 641px),
print {
    .nav_tabs_ft {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs_ft {
        border-top: solid 1px #dcdcdc;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs_ft li {
        border-bottom: solid 1px #dcdcdc
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs_ft li a {
        display: block;
        color: #393939;
        font-size: 13px;
        position: relative;
        line-height: 59px;
        background-color: #fff;
        padding-left: 4.26667%
    }

    .nav_tabs_ft li a:after {
        content: '';
        position: absolute;
        background: url(../images/ft_nav_arrow.png) no-repeat;
        background-size: contain;
        width: 5px;
        height: 8px;
        top: 0;
        bottom: 0;
        right: 4.26667%;
        margin: auto
    }
}

@media screen and (max-width: 640px) {
    .nav_tabs_ft li.now a {
        color: #ff574c;
        position: relative
    }

    .nav_tabs_ft li.now a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 1.06667%;
        height: 100%;
        background-color: #ff574c
    }
}

.accordion_category {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #393939
}

@media screen and (min-width: 641px),
print {
    .accordion_category {
        top: 46px;
        padding: 14px 0
    }
}

@media screen and (max-width: 640px) {
    .accordion_category {
        top: 48px;
        padding: 13px 0
    }
}

.accordion_category .category_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.accordion_category .category_list:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #393939
}

@media screen and (max-width: 640px) {
    .accordion_category .category_list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.accordion_category .category_list li {
    border-bottom: solid 1px #fff;
    line-height: 1.2em
}

.accordion_category .category_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.accordion_category .category_list li a:hover {
    text-decoration: none
}

.accordion_category .category_list li.selected a {
    color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .accordion_category .category_list li {
        width: 23.125%;
        margin-left: 2.5%;
        font-size: 14px
    }

    .accordion_category .category_list li:nth-child(4n+1) {
        margin-left: 0
    }

    .accordion_category .category_list li a {
        height: 48px
    }

    .accordion_category .category_list li a:hover {
        opacity: 0.6
    }
}

@media screen and (max-width: 640px) {
    .accordion_category .category_list li {
        width: 47.81341%;
        font-size: 12px
    }

    .accordion_category .category_list li a {
        height: 40px
    }
}

@media screen and (min-width: 641px),
print {
    .form_area {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .form_area {
        margin-bottom: 40px
    }
}

.form_area .form_group {
    border-bottom: dotted 1px #d5d5d5
}

@media screen and (min-width: 641px),
print {
    .form_area .form_group {
        padding-bottom: 32px;
        margin-bottom: 32px
    }
}

@media screen and (max-width: 640px) {
    .form_area .form_group {
        padding-bottom: 25px;
        margin-bottom: 25px
    }
}

.form_area .input_title {
    font-weight: bold;
    display: block
}

@media screen and (min-width: 641px),
print {
    .form_area .input_title {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 640px) {
    .form_area .input_title {
        font-size: 14px;
        line-height: 1em;
        margin-bottom: 14px
    }
}

.form_area .input_title .required {
    color: #ffffff;
    background-color: #ff574c;
    display: inline-block;
    font-weight: normal;
    text-align: center
}

@media screen and (min-width: 641px),
print {
    .form_area .input_title .required {
        font-size: 12px;
        line-height: 18px;
        width: 32px;
        height: 18px;
        margin-left: 8px
    }
}

@media screen and (max-width: 640px) {
    .form_area .input_title .required {
        font-size: 10px;
        width: 24px;
        height: 14px;
        line-height: 14px;
        margin-left: 7px
    }
}

.form_area .form_control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.form_area .form_control::-webkit-input-placeholder {
    color: #b5b5b5
}

.form_area .form_control:-ms-input-placeholder {
    color: #b5b5b5
}

.form_area .form_control::-ms-input-placeholder {
    color: #b5b5b5
}

.form_area .form_control::placeholder {
    color: #b5b5b5
}

@media screen and (min-width: 641px),
print {
    .form_area .form_control.form_control_middle {
        width: 480px
    }
}

@media screen and (max-width: 640px) {
    .form_area .form_control.hasDatepicker {
        width: 10em
    }
}

.form_area .form_ctrl_btn {
    margin-left: 24px;
    font-size: 14px
}

@media screen and (max-width: 374px) {
    .form_area .form_ctrl_btn {
        margin-left: 4vw;
        font-size: 3.73333vw
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .notes {
        font-size: 12px;
        margin-top: 8px
    }
}

@media screen and (max-width: 640px) {
    .form_area .notes {
        font-size: 10px;
        margin-top: 8px
    }
}

.form_area label.checkbox,
.form_area label.radio {
    cursor: pointer
}

.form_area label.checkbox input[type="checkbox"],
.form_area label.checkbox input[type="radio"],
.form_area label.radio input[type="checkbox"],
.form_area label.radio input[type="radio"] {
    display: none
}

.form_area label.checkbox .checkbox_icon,
.form_area label.checkbox .radio_icon,
.form_area label.radio .checkbox_icon,
.form_area label.radio .radio_icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 0
}

@media screen and (min-width: 641px),
print {

    .form_area label.checkbox .checkbox_icon,
    .form_area label.checkbox .radio_icon,
    .form_area label.radio .checkbox_icon,
    .form_area label.radio .radio_icon {
        width: 24px;
        height: 24px
    }
}

@media screen and (max-width: 640px) {

    .form_area label.checkbox .checkbox_icon,
    .form_area label.checkbox .radio_icon,
    .form_area label.radio .checkbox_icon,
    .form_area label.radio .radio_icon {
        width: 28px;
        height: 28px;
        background-size: 100% auto
    }
}

@media screen and (min-width: 641px),
print {
    .form_area label.checkbox .checkbox_icon {
        background-image: url(../images/btn_check.png)
    }
}

@media screen and (max-width: 640px) {
    .form_area label.checkbox .checkbox_icon {
        background-image: url(../images/sp_btn_check.png)
    }
}

.form_area label.checkbox input[type="checkbox"]:checked+.checkbox_icon {
    background-position: 50% 100%
}

.form_area label.radio {
    display: inline-block
}

@media screen and (min-width: 641px),
print {
    .form_area label.radio {
        width: 180px
    }
}

@media screen and (max-width: 640px) {
    .form_area label.radio {
        width: 49%
    }
}

.form_area label.radio .radio_icon {
    vertical-align: middle;
    margin-right: 7px
}

@media screen and (min-width: 641px),
print {
    .form_area label.radio .radio_icon {
        background-image: url(../images/btn_radio.png)
    }
}

@media screen and (max-width: 640px) {
    .form_area label.radio .radio_icon {
        background-image: url(../images/sp_btn_radio.png)
    }
}

.form_area label.radio input[type="radio"]:checked+.radio_icon {
    background-position: 50% 100%
}

.form_area label.radio span {
    vertical-align: middle
}

@media screen and (max-width: 640px) {
    .form_area label.radio span {
        font-size: 14px
    }
}

.form_area label.checkbox,
.form_area label.radio {
    cursor: pointer
}

.form_area label.checkbox input[type="checkbox"],
.form_area label.checkbox input[type="radio"],
.form_area label.radio input[type="checkbox"],
.form_area label.radio input[type="radio"] {
    display: none
}

.form_area label.checkbox .checkbox_icon,
.form_area label.checkbox .radio_icon,
.form_area label.radio .checkbox_icon,
.form_area label.radio .radio_icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 0
}

@media screen and (min-width: 641px),
print {

    .form_area label.checkbox .checkbox_icon,
    .form_area label.checkbox .radio_icon,
    .form_area label.radio .checkbox_icon,
    .form_area label.radio .radio_icon {
        width: 24px;
        height: 24px
    }
}

@media screen and (max-width: 640px) {

    .form_area label.checkbox .checkbox_icon,
    .form_area label.checkbox .radio_icon,
    .form_area label.radio .checkbox_icon,
    .form_area label.radio .radio_icon {
        width: 28px;
        height: 28px;
        background-size: 100% auto
    }
}

@media screen and (min-width: 641px),
print {
    .form_area label.checkbox .checkbox_icon {
        background-image: url(../images/btn_check.png)
    }
}

@media screen and (max-width: 640px) {
    .form_area label.checkbox .checkbox_icon {
        background-image: url(../images/sp_btn_check.png)
    }
}

.form_area label.checkbox input[type="checkbox"]:checked+.checkbox_icon {
    background-position: 50% 100%
}

@media screen and (min-width: 641px),
print {
    .form_area label.radio .radio_icon {
        background-image: url(../images/btn_radio.png)
    }
}

@media screen and (max-width: 640px) {
    .form_area label.radio .radio_icon {
        background-image: url(../images/sp_btn_radio.png)
    }
}

.form_area label.radio input[type="radio"]:checked+.radio_icon {
    background-position: 50% 100%
}

@media screen and (min-width: 641px),
print {
    .form_area .checkbox_group {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 641px),
print {

    .form_area .checkbox_group .checkbox_wrap:before,
    .form_area .checkbox_group .checkbox_wrap:after {
        content: " ";
        display: table
    }

    .form_area .checkbox_group .checkbox_wrap:after {
        clear: both
    }
}

@media screen and (max-width: 640px) {
    .form_area .checkbox_group .checkbox_wrap {
        display: block
    }
}

.form_area .checkbox_group .checkbox_icon {
    float: left
}

@media screen and (min-width: 641px),
print {
    .form_area .checkbox_group .checkbox_icon {
        margin-right: 16px
    }
}

@media screen and (max-width: 640px) {
    .form_area .checkbox_group .checkbox_icon {
        margin-right: 8px
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .checkbox_group .checkbox_inner p:nth-child(1) {
        font-size: 18px;
        line-height: 1em
    }
}

@media screen and (max-width: 640px) {
    .form_area .checkbox_group .checkbox_inner p:nth-child(1) {
        font-size: 14px;
        line-height: 1.57em
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .checkbox_group .checkbox_inner p:nth-child(2) {
        font-size: 14px;
        line-height: 1.7em;
        margin-top: 25px
    }
}

@media screen and (max-width: 640px) {
    .form_area .checkbox_group .checkbox_inner p:nth-child(2) {
        font-size: 12px;
        line-height: 1.58em;
        margin-top: 15px
    }
}

.form_area .question_group {
    position: relative
}

.form_area .question_group .question_about {
    position: absolute;
    top: 0;
    right: 0;
    padding-bottom: 2px;
    background: url(../images/icon_question.png) no-repeat left center
}

@media screen and (min-width: 641px),
print {
    .form_area .question_group .question_about {
        padding-left: 20px
    }
}

@media screen and (max-width: 640px) {
    .form_area .question_group .question_about {
        background-size: 12px;
        background-position: left bottom;
        padding-left: 16px;
        line-height: 10px
    }
}

.form_area .question_group .question_about a {
    color: #393939
}

@media screen and (min-width: 641px),
print {
    .form_area .question_group .question_about a {
        font-size: 14px
    }
}

@media screen and (max-width: 640px) {
    .form_area .question_group .question_about a {
        font-size: 10px;
        line-height: 1em
    }
}

.form_area .detail_link {
    text-align: right
}

.form_area .detail_link a {
    font-size: 14px
}

@media screen and (min-width: 641px),
print {
    .form_area .detail_link {
        margin-top: 16px
    }
}

@media screen and (max-width: 640px) {
    .form_area .detail_link {
        margin-top: 13px
    }
}

.form_area .counter_box {
    position: relative
}

.form_area .counter_box .counter {
    color: #b5b5b5;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

@media screen and (min-width: 641px),
print {
    .form_area .counter_box .counter {
        right: 24px;
        font-size: 15px;
        height: 15px
    }
}

@media screen and (max-width: 640px) {
    .form_area .counter_box .counter {
        font-size: 10px;
        height: 10px;
        right: 10px
    }
}

.form_area .menu_wrap {
    position: relative
}

@media screen and (min-width: 641px),
print {
    .form_area .menu_wrap {
        width: 480px
    }
}

.form_area .menu_wrap:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto
}

@media screen and (min-width: 641px),
print {
    .form_area .menu_wrap:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 5px 0 5px;
        border-color: #999999 transparent transparent transparent
    }
}

@media screen and (max-width: 640px) {
    .form_area .menu_wrap:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        border-color: #999999 transparent transparent transparent
    }
}

.form_area .menu_wrap select.form_control {
    cursor: pointer;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 9px 1.5em;
    border: solid 1px #dcdcdc;
    background-color: #fff;
    line-height: 1.75em;
    display: block;
    height: 48px;
    color: #393939;
    position: relative
}

@media screen and (min-width: 641px),
print {
    .form_area .menu_wrap select.form_control {
        border-radius: 8px;
        font-size: 16px
    }
}

@media screen and (max-width: 640px) {
    .form_area .menu_wrap select.form_control {
        border-radius: 4px;
        font-size: 14px
    }
}

.form_area .arrow_2:before {
    content: '';
    position: absolute;
    top: 0;
    right: 16px;
    margin: auto;
    z-index: 1
}

@media screen and (min-width: 641px),
print {
    .form_area .arrow_2:before {
        top: 12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 6px 5px;
        border-color: transparent transparent #999999 transparent
    }
}

@media screen and (max-width: 640px) {
    .form_area .arrow_2:before {
        top: 15px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 4px 5px 4px;
        border-color: transparent transparent #999999 transparent
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .arrow_2:after {
        top: auto;
        bottom: 12px
    }
}

@media screen and (max-width: 640px) {
    .form_area .arrow_2:after {
        top: auto;
        bottom: 15px
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .menu_block .form_control_small {
        width: 160px;
        margin-right: 10px;
        font-size: 16px
    }
}

@media screen and (max-width: 640px) {
    .form_area .menu_block .form_control_small {
        width: 30.66667vw;
        margin-right: 2vw
    }
}

.form_area .menu_block.menu_col_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form_area .menu_block .menu_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 641px),
print {
    .form_area .menu_block .menu_inner {
        width: 280px
    }
}

@media screen and (max-width: 640px) {
    .form_area .menu_block .menu_inner span {
        font-size: 14px
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .menu_block .year span:nth-child(2) {
        margin-right: 47px
    }
}

@media screen and (max-width: 640px) {
    .form_area .menu_block .year span:nth-child(2) {
        margin-right: 5.33333vw
    }
}

@media screen and (max-width: 640px) {
    .form_area .menu_block .year span:nth-child(3) {
        margin-right: 2.13333vw
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .upload_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .upload_wrap .notes {
        font-size: 12px;
        line-height: 1.666666667em;
        margin-top: 24px;
        margin-left: 20px
    }
}

@media screen and (max-width: 640px) {
    .form_area .upload_wrap .notes {
        font-size: 10px;
        line-height: 1.5em;
        margin-top: 7px
    }
}

.form_area .upload_wrap .notes span {
    display: block;
    font-weight: bold
}

.form_area .upload_wrap .upload_photos {
    position: relative;
    overflow: hidden;
    background-color: #ececec;
    border: solid 1px #dcdcdc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 641px),
print {
    .form_area .upload_wrap .upload_photos {
        width: 640px;
        height: 360px
    }

    .form_area .upload_wrap .upload_photos:hover .upload_inner {
        opacity: 0.6
    }
}

@media screen and (max-width: 640px) {
    .form_area .upload_wrap .upload_photos {
        height: 50.93333vw
    }
}

.form_area .upload_wrap .upload_photos img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.form_area .upload_wrap .upload_photos .upload_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #ff574c;
    color: #ffffff
}

@media screen and (min-width: 641px),
print {
    .form_area .upload_wrap .upload_photos .upload_inner {
        width: 240px;
        height: 48px
    }

    .form_area .upload_wrap .upload_photos .upload_inner:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        margin-right: 12px;
        background: url(../images/icon_camera.png) no-repeat
    }
}

@media screen and (max-width: 640px) {
    .form_area .upload_wrap .upload_photos .upload_inner {
        width: 215px;
        height: 40px;
        font-size: 14px
    }

    .form_area .upload_wrap .upload_photos .upload_inner:before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        margin-right: 8px;
        background: url(../images/icon_camera.png) no-repeat;
        background-size: contain
    }
}

.form_area .upload_wrap .upload_photos input {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 641px),
print {
    .form_area .upload_wrap .upload_photos.profile_img_group {
        width: 360px
    }
}

@media screen and (max-width: 640px) {
    .form_area .upload_wrap .upload_photos.profile_img_group {
        width: 51.46667vw
    }
}

@media screen and (max-width: 640px) {
    .form_area .upload_wrap .upload_photos.profile_img_group .upload_inner {
        width: 40.26667vw
    }
}

.form_area .upload_wrap .upload_photos.on_photo .upload_inner {
    opacity: 0.8
}

.form_area .upload_wrap .upload_photos.on_photo:hover .upload_inner {
    opacity: 0.6
}

.form_area .btn_add_card a {
    border: solid 1px #1ec39a;
    background-color: #1ec39a;
    color: #fff;
    font-size: 14px;
    line-height: 38px
}

.form_area .btn_add_card a:hover {
    background-color: #fff;
    color: #1ec39a
}

@media screen and (min-width: 641px),
print {
    .form_area .btn_add_card {
        margin-bottom: 24px
    }

    .form_area .btn_add_card a {
        width: 176px
    }
}

@media screen and (max-width: 640px) {
    .form_area .btn_add_card {
        margin-bottom: 20px
    }

    .form_area .btn_add_card a {
        width: 200px
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .card_list {
        margin-bottom: 24px;
        border-top: solid 1px #dcdcdc;
        border-left: solid 1px #dcdcdc;
        border-right: solid 1px #dcdcdc;
        background-color: #fff
    }
}

.form_area .card_list li {
    width: 100%;
    border-bottom: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    .form_area .card_list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 640px) {
    .form_area .card_list li {
        margin-bottom: 20px;
        border: solid 1px #dcdcdc;
        background-color: #fff
    }
}

.form_area .card_list li label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0
}

.form_area .card_list li label .card_data {
    display: block;
    -ms-flex-negative: 9999;
    flex-shrink: 9999
}

.form_area .card_list li label .radio_inner {
    display: inline-block;
    line-height: 1.57143
}

@media screen and (min-width: 641px),
print {
    .form_area .card_list li label {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 23px 0 23px 23px
    }

    .form_area .card_list li label .radio_icon {
        margin-right: 48px
    }

    .form_area .card_list li label .radio_inner {
        margin-right: 40px;
        font-size: 16px
    }
}

@media screen and (max-width: 640px) {
    .form_area .card_list li label {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 0 15px 19px
    }

    .form_area .card_list li label:before,
    .form_area .card_list li label:after {
        content: " ";
        display: table
    }

    .form_area .card_list li label:after {
        clear: both
    }

    .form_area .card_list li label .radio_icon {
        float: left;
        margin-right: 16px
    }
}

@media screen and (max-width: 640px) and (max-width: 374px) {
    .form_area .card_list li label .radio_icon {
        font-size: 3.46667vw
    }
}

@media screen and (max-width: 640px) {
    .form_area .card_list li label .radio_inner {
        display: block;
        float: left;
        margin-right: 32px;
        font-size: 14px
    }
}

@media screen and (max-width: 640px) and (max-width: 374px) {
    .form_area .card_list li label .radio_inner {
        font-size: 3.46667vw
    }
}

.form_area .card_list li .edit {
    background-color: #ececec
}

.form_area .card_list li .edit a {
    margin: 0 auto;
    border: solid 1px #ff574c;
    background-color: #ff574c;
    color: #fff;
    font-size: 14px;
    line-height: 38px
}

.form_area .card_list li .edit a:hover {
    background-color: #fff;
    color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .form_area .card_list li .edit {
        width: 175px;
        padding: 15px 0
    }

    .form_area .card_list li .edit a {
        width: 128px
    }
}

@media screen and (max-width: 640px) {
    .form_area .card_list li .edit {
        padding: 9px 0;
        border-top: solid 1px #dcdcdc
    }

    .form_area .card_list li .edit a {
        width: 120px
    }
}

.form_area .recaptcha_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 641px),
print {
    .form_area .recaptcha_wrap {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .form_area .recaptcha_wrap {
        padding-bottom: 24px;
        border-bottom: dotted 1px #b5b5b5;
        margin-bottom: 40px
    }
}

.form_area .last {
    border-bottom: none;
    padding-bottom: 0
}

@media screen and (min-width: 641px),
print {
    .form_area .last {
        margin-bottom: 65px
    }
}

@media screen and (max-width: 640px) {
    .form_area .last {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .payment_group .radio_group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.form_area .payment_group .radio {
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 641px),
print {
    .form_area .payment_group .radio {
        width: 300px;
        height: 120px;
        padding-left: 24px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .form_area .payment_group .radio {
        padding-left: 2.5%;
        width: 31.25%
    }
}

@media screen and (max-width: 640px) {
    .form_area .payment_group .radio {
        border-radius: 4px;
        width: auto;
        height: 100px;
        margin-bottom: 16px;
        padding-left: 20px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .form_area .payment_group .radio.radio_1 .payment_img img {
        width: 62.6087%;
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .form_area .payment_group .radio.radio_1 .payment_img img {
        width: 145px;
        height: auto
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .form_area .payment_group .radio.radio_2 img {
        width: 81.73913%;
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .form_area .payment_group .radio.radio_2 img {
        width: 165px;
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .form_area .payment_group .radio.radio_3 {
        margin-bottom: 0
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .form_area .payment_group .radio.radio_3 img {
        width: 92.17391%;
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .form_area .payment_group .radio.radio_3 img {
        width: 200px;
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .form_area .payment_group .radio.radio_3 span:nth-child(1) {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .payment_group .radio .radio_icon {
        margin-right: 24px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .form_area .payment_group .radio .radio_icon {
        background-size: cover;
        margin-right: 8%;
        width: 8%;
        height: 0;
        padding-top: 8%
    }
}

@media screen and (max-width: 640px) {
    .form_area .payment_group .radio .radio_icon {
        margin-right: 20px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .form_area .payment_group .radio_inner {
        width: 75%
    }
}

.form_area .payment_group .radio_inner span {
    display: block
}

.form_area .payment_group .radio_inner span:nth-child(1) {
    margin-bottom: 17px
}

@media screen and (max-width: 640px) {
    .form_area .payment_group .radio_inner span {
        font-size: 16px
    }
}

.form_area .limited_number_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 641px),
print {
    .form_area .limited_number_box {
        width: 460px;
        min-height: 48px
    }
}

@media screen and (max-width: 640px) {
    .form_area .limited_number_box {
        width: 292px;
        min-height: 44px
    }
}

.form_area .limited_number_box .checkbox_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 641px),
print {
    .form_area .limited_number_box .checkbox_wrap {
        width: 170px
    }
}

@media screen and (max-width: 640px) {
    .form_area .limited_number_box .checkbox_wrap {
        width: 147px
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .limited_number_box .checkbox_wrap i {
        margin-right: 9px
    }
}

@media screen and (max-width: 640px) {
    .form_area .limited_number_box .checkbox_wrap i {
        margin-right: 6px
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .limited_number_box .checkbox_wrap span {
        font-size: 16px
    }
}

@media screen and (max-width: 640px) {
    .form_area .limited_number_box .checkbox_wrap span {
        font-size: 14px
    }
}

.form_area .limited_number_box .limited_number_text {
    display: none;
    position: relative
}

.form_area .limited_number_box .limited_number_text:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: url(../images/limited_arrow.png) no-repeat right center;
    background-size: contain
}

@media screen and (min-width: 641px),
print {
    .form_area .limited_number_box .limited_number_text:before {
        margin: auto 0 auto -43px;
        width: 24px;
        height: 15px
    }
}

@media screen and (max-width: 640px) {
    .form_area .limited_number_box .limited_number_text:before {
        margin: auto 0 auto -32px;
        width: 16px;
        height: 10px
    }
}

.form_area .limited_number_box .form_control {
    text-align: center
}

@media screen and (min-width: 641px),
print {
    .form_area .limited_number_box .form_control {
        width: 240px
    }
}

@media screen and (max-width: 640px) {
    .form_area .limited_number_box .form_control {
        width: 100px
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .delivery_schedule_group .menu_inner {
        width: 250px
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .delivery_schedule_group .form_control_small {
        width: 185px
    }
}

@media screen and (max-width: 640px) {
    .form_area .delivery_schedule_group .form_control_small {
        width: 36vw
    }
}

@media screen and (min-width: 641px),
print {
    .form_area .radio_lead {
        font-size: 16px;
        line-height: 1.75em;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 640px) {
    .form_area .radio_lead {
        font-size: 14px;
        line-height: 1.57em;
        margin-bottom: 15px
    }
}

.form_area .form_disabled {
    background-color: #b5b5b5;
    color: #ffffff
}

.form_area .form_disabled::-webkit-input-placeholder {
    color: #ffffff
}

.form_area .form_disabled:-ms-input-placeholder {
    color: #ffffff
}

.form_area .form_disabled::-ms-input-placeholder {
    color: #ffffff
}

.form_area .form_disabled::placeholder {
    color: #ffffff
}

.form_area .error_group .form_control {
    border-color: #ff574c
}

@media screen and (max-width: 640px) {
    .form_area .error_group .form_control {
        border-width: 1.5px
    }
}

.form_area .error_group .error_txt {
    color: #ff574c;
    line-height: 1em;
    margin-bottom: 8px
}

@media screen and (min-width: 641px),
print {
    .form_area .error_group .error_txt {
        font-size: 14px
    }
}

@media screen and (max-width: 640px) {
    .form_area .error_group .error_txt {
        font-size: 12px
    }
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    overflow: auto
}

@media screen and (min-width: 641px),
print {
    .modal {
        padding: 124px 0
    }
}

@media screen and (max-width: 640px) {
    .modal {
        padding: 68px 0
    }
}

.modal .modal_window {
    -webkit-animation: openModal 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: openModal 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.modal.close .modal_window {
    -webkit-animation: closeModal 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: closeModal 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.modal .modal_window {
    position: relative;
    z-index: 1;
    margin: 0 auto
}

.modal .modal_window .close_btn_t,
.modal .modal_window .close_btn_b {
    position: absolute;
    cursor: pointer
}

@media screen and (min-width: 641px),
print {

    .modal .modal_window .close_btn_t,
    .modal .modal_window .close_btn_b {
        width: 48px;
        height: 48px;
        background: url(../images/btn_modal_close.png) no-repeat
    }

    .modal .modal_window .close_btn_t:hover,
    .modal .modal_window .close_btn_b:hover {
        opacity: 0.6
    }
}

@media screen and (max-width: 640px) {

    .modal .modal_window .close_btn_t,
    .modal .modal_window .close_btn_b {
        width: 40px;
        height: 40px;
        background: url(../images/sp_btn_modal_close.png) no-repeat;
        background-size: contain
    }
}

.modal .modal_window .close_btn_t {
    right: 0
}

@media screen and (min-width: 641px),
print {
    .modal .modal_window .close_btn_t {
        top: -66px
    }
}

@media screen and (max-width: 640px) {
    .modal .modal_window .close_btn_t {
        top: -52px
    }
}

.modal .modal_window .close_btn_b {
    left: 0;
    right: 0;
    margin: 0 auto
}

@media screen and (min-width: 641px),
print {
    .modal .modal_window .close_btn_b {
        bottom: -66px
    }
}

@media screen and (max-width: 640px) {
    .modal .modal_window .close_btn_b {
        bottom: -52px
    }
}

.modal .modal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: url(../images/bg_modal.png) repeat
}

@media screen and (min-width: 641px),
print {
    .modal_message .modal_window {
        width: 640px
    }
}

@media screen and (max-width: 640px) {
    .modal_message .modal_window {
        width: 91.46667%
    }
}

@media screen and (min-width: 641px),
print {
    .modal_project_detail .modal_window {
        width: 800px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .modal_project_detail .modal_window {
        width: 91.46667%
    }
}

@media screen and (max-width: 640px) {
    .modal_project_detail .modal_window {
        width: 91.46667%
    }
}

.top header {
    padding-bottom: 1px;
    border-bottom: none
}

@media screen and (min-width: 641px),
print {
    .top .kv {
        padding: 0 0 48px
    }
}

@media screen and (max-width: 640px) {
    .top .kv {
        padding: 0 0 24px
    }
}

.top .kv_slider {
    overflow: hidden
}

@media screen and (min-width: 641px),
print {
    .top .kv_slider {
        height: 360px
    }
}

@media screen and (max-width: 640px) {
    .top .kv_slider {
        height: 56.26667vw
    }
}

.top .kv_slider li {
    margin: 0 auto
}

@media screen and (min-width: 641px),
print {
    .top .kv_slider li {
        width: 640px;
        height: 360px
    }
}

@media screen and (max-width: 640px) {
    .top .kv_slider li {
        width: 100%;
        height: 100%
    }
}

.top .kv_slider li a {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.top .kv_slider li a:hover {
    text-decoration: none
}

@media screen and (min-width: 641px),
print {
    .top .kv_slider li a {
        height: 100%
    }
}

@media screen and (max-width: 640px) {
    .top .kv_slider li a {
        height: 0;
        padding-bottom: 56.26667%
    }
}

.top .kv_slider li .excerpt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/bg_kv.png) repeat;
    color: #fff
}

@media screen and (min-width: 641px),
print {
    .top .kv_slider li .excerpt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 24px
    }
}

@media screen and (max-width: 640px) {
    .top .kv_slider li .excerpt {
        min-height: 73px;
        padding: 8px 4.26667%
    }
}

@media screen and (min-width: 641px),
print {
    .top .kv_slider li .project_detail {
        width: 386px;
        padding: 0 20px 6px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .top .kv_slider li .project_detail .project_ttl {
        margin-bottom: 7px;
        line-height: 1.625
    }

    .top .kv_slider li .project_detail .project_meta {
        font-size: 10px
    }
}

@media screen and (max-width: 640px) {
    .top .kv_slider li .project_detail {
        margin-right: 73px
    }

    .top .kv_slider li .project_detail .project_ttl {
        font-size: 12px;
        font-weight: bold;
        line-height: 1.58333
    }

    .top .kv_slider li .project_detail .project_meta {
        display: none
    }
}

.top .kv_slider li .project_funding {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 641px),
print {
    .top .kv_slider li .project_funding {
        position: relative;
        width: 206px;
        padding-left: 21px
    }

    .top .kv_slider li .project_funding:before {
        content: "";
        display: block;
        position: absolute;
        top: 6px;
        left: 0;
        bottom: 6px;
        width: 1px;
        background-color: #fff
    }
}

@media screen and (min-width: 641px),
print {
    .top .kv_slider li .project_funding .status {
        padding-top: 8px
    }
}

@media screen and (max-width: 640px) {
    .top .kv_slider li .project_funding .status {
        padding-top: 8px;
        font-size: 0
    }
}

.top .kv_slider li .project_funding .status p {
    font-size: 10px;
    font-weight: bold
}

.top .kv_slider li .project_funding .status p:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (min-width: 641px),
print {
    .top .kv_slider li .project_funding .status p {
        margin-bottom: 6px
    }

    .top .kv_slider li .project_funding .status p:before {
        width: 14px;
        height: 16px;
        margin-right: 9px;
        vertical-align: -25%
    }

    .top .kv_slider li .project_funding .status p .value {
        font-size: 12px
    }
}

@media screen and (max-width: 640px) {
    .top .kv_slider li .project_funding .status p {
        display: inline-block;
        margin-right: 12px
    }

    .top .kv_slider li .project_funding .status p:before {
        width: 10px;
        height: 12px;
        margin-right: 4px;
        vertical-align: -20%
    }

    .top .kv_slider li .project_funding .status p .value {
        display: inline-block;
        -webkit-transform-origin: 20px 100%;
        transform-origin: 20px 100%;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    .top .kv_slider li .project_funding .status p .unit {
        display: inline-block;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
}

.top .kv_slider li .project_funding .status .remaining_time:before {
    background-image: url(../images/icon_time_white.svg)
}

.top .kv_slider li .project_funding .status .supporter:before {
    background-image: url(../images/icon_supporter_white.svg)
}

.top .kv_slider li .project_funding .status .price:before {
    background-image: url(../images/icon_yen_white.svg)
}

@media screen and (min-width: 641px),
print {
    .top .kv_slider li .project_funding .achievement_rate {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 64px;
        height: 64px;
        margin: auto 0
    }
}

@media screen and (max-width: 640px) {
    .top .kv_slider li .project_funding .achievement_rate {
        position: absolute;
        top: 0;
        right: 4.26667%;
        bottom: 0;
        width: 57px;
        height: 57px;
        margin: auto 0
    }
}

.top .kv_slider li .project_funding .achievement_rate .circle_graph .circle_base {
    fill: transparent;
    stroke: rgba(0, 0, 0, 0.3)
}

.top .kv_slider li .project_funding .achievement_rate .rate_val {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    background-color: #000;
    text-align: center
}

@media screen and (min-width: 641px),
print {
    .top .kv_slider li .project_funding .achievement_rate .rate_val {
        width: 44px;
        height: 44px;
        font-size: 10px;
        line-height: 44px
    }

    .top .kv_slider li .project_funding .achievement_rate .rate_val .value {
        font-size: 12px;
        font-weight: bold
    }
}

@media screen and (max-width: 640px) {
    .top .kv_slider li .project_funding .achievement_rate .rate_val {
        width: 39.5px;
        height: 39.5px;
        font-size: 10px;
        line-height: 39.5px
    }

    .top .kv_slider li .project_funding .achievement_rate .rate_val .value {
        display: inline-block;
        font-weight: bold;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .top .kv_slider li .project_funding .achievement_rate .rate_val .unit {
        display: inline-block;
        -webkit-transform-origin: 50% 55%;
        transform-origin: 50% 55%;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
}

.top .kv_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.top .kv_nav li {
    overflow: hidden;
    position: relative
}

.top .kv_nav li a {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.top .kv_nav li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(30, 195, 154, 0.6);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.top .kv_nav li a.active:before {
    opacity: 1;
    -webkit-animation: kvPager 5s linear;
    animation: kvPager 5s linear
}

.top .kv_nav li a.active.stop:before {
    opacity: 0;
    -webkit-animation: none;
    animation: none
}

@media screen and (min-width: 641px),
print {
    .top .kv_nav {
        margin-bottom: 14px;
        padding-top: 16px;
        height: 45px
    }

    .top .kv_nav li {
        width: 80px;
        height: 45px;
        margin: 0 8px;
        border-radius: 4px
    }

    .top .kv_nav li a:before {
        height: 4px
    }
}

@media screen and (max-width: 640px) {
    .top .kv_nav {
        margin-bottom: 6px;
        padding-top: 8px;
        height: 32px
    }

    .top .kv_nav li {
        width: 57px;
        height: 32px;
        margin: 0 4px;
        border-radius: 2px
    }

    .top .kv_nav li a:before {
        height: 3px
    }
}

.top .kv_ttl,
.top .kv_lead {
    text-align: center
}

@media screen and (min-width: 641px),
print {
    .top .kv_ttl {
        font-size: 24px;
        line-height: 1.6
    }
}

@media screen and (max-width: 640px) {
    .top .kv_ttl {
        font-size: 18px;
        line-height: 2.2
    }
}

@media screen and (min-width: 641px),
print {
    .top .kv_lead {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 2
    }
}

@media screen and (max-width: 640px) {
    .top .kv_lead {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 1.57143
    }
}

.top .kv_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 641px),
print {
    .top .kv_btn {
        width: 512px;
        margin: 0 auto 28px
    }

    .top .kv_btn p {
        width: 240px
    }

    .top .kv_btn p .btn_default {
        border-radius: 22px;
        line-height: 44px
    }

    .top .kv_btn p .btn_border {
        border-radius: 22px;
        line-height: 42px
    }
}

@media screen and (max-width: 640px) {
    .top .kv_btn {
        width: 91.46667%;
        margin: 0 auto 20px
    }

    .top .kv_btn p {
        width: 47.81341%
    }

    .top .kv_btn p .btn {
        font-size: 14px
    }

    .top .kv_btn p .btn_default {
        border-radius: 20px;
        line-height: 40px
    }

    .top .kv_btn p .btn_border {
        border-radius: 20px;
        line-height: 38px
    }
}

.top .kv_ticker {
    position: relative;
    overflow: hidden
}

.top .kv_ticker.hide p {
    display: none
}

.top .kv_ticker p {
    position: absolute;
    background-color: #fff
}

.top .kv_ticker a {
    display: block;
    border: solid 1px #dcdcdc;
    color: #393939
}

.top .kv_ticker a:hover {
    text-decoration: none;
    opacity: 0.6
}

@media screen and (min-width: 641px),
print {
    .top .kv_ticker {
        height: 28px
    }

    .top .kv_ticker a {
        padding: 0 14px;
        font-size: 14px;
        line-height: 26px
    }
}

@media screen and (max-width: 640px) {
    .top .kv_ticker {
        height: 25px
    }

    .top .kv_ticker a {
        padding: 0 8px;
        font-size: 12px;
        line-height: 23px
    }
}

.top .kv .bx-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.top .kv .bx-viewport {
    -webkit-transform: translateZ(0)
}

@media screen and (min-width: 641px),
print {
    .top .section_a {
        padding: 48px 0 8px;
        background: url(../images/bg_section_a.png) repeat
    }
}

@media screen and (max-width: 640px) {
    .top .section_a {
        padding: 24px 0 4px;
        background: url(../images/sp_bg_section_a.png) repeat;
        background-size: 4px 4px
    }
}

@media screen and (min-width: 641px),
print {
    .top .section_b {
        padding: 48px 0 8px;
        background: url(../images/bg_section_b.png) repeat
    }
}

@media screen and (max-width: 640px) {
    .top .section_b {
        padding: 24px 0 4px;
        background: url(../images/sp_bg_section_b.png) repeat;
        background-size: 9px 9px
    }
}

@media screen and (min-width: 641px),
print {
    .top .section_c {
        padding: 48px 0 8px
    }
}

@media screen and (max-width: 640px) {
    .top .section_c {
        padding: 24px 0 4px
    }
}

.top .content_wrap,
.top .page_ttl,
.top .nav_tabs .slide_wrap,
.nav_tabs .top .slide_wrap,
.top .users .user_header,
.users .top .user_header {
    position: relative
}

@media screen and (min-width: 641px),
print {
    .top h3 {
        margin-bottom: 36px;
        padding: 4px 0;
        font-size: 20px
    }
}

@media screen and (max-width: 640px) {
    .top h3 {
        margin-bottom: 24px;
        padding: 7px 0;
        font-size: 18px
    }
}

.top .view_all {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff
}

.top .view_all a {
    display: block;
    border: solid 1px #393939;
    color: #393939
}

@media screen and (min-width: 641px),
print {
    .top .view_all {
        font-size: 13px
    }

    .top .view_all a {
        background: url(../images/icon_view_all.png) no-repeat 89.58333% 50%;
        padding: 0 21px 0 12px;
        line-height: 26px
    }

    .top .view_all a:hover {
        text-decoration: none;
        opacity: 0.6
    }
}

@media screen and (max-width: 640px) {
    .top .view_all {
        font-size: 12px
    }

    .top .view_all a {
        padding: 0 24px 0 14px;
        background: url(../images/sp_icon_view_all.png) no-repeat 87.36842% 50%;
        background-size: 5px 8px;
        line-height: 30px
    }
}

.top .reports_list {
    padding-bottom: 4px
}

.top .top_notice {
    display: none;
    position: fixed;
    z-index: 10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ff574c;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1)
}

.top .top_notice.show,
.top .top_notice.hide {
    display: block
}

@media screen and (min-width: 641px),
print {
    .top .top_notice {
        right: 0;
        bottom: 64px;
        width: 288px;
        padding: 19px 24px;
        -webkit-animation: topNoticeAreaPC 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s backwards;
        animation: topNoticeAreaPC 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s backwards
    }

    .top .top_notice.hide {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@media screen and (max-width: 640px) {
    .top .top_notice {
        left: 0;
        right: 0;
        bottom: 0;
        padding: 13px 4.26667% 9px;
        -webkit-animation: topNoticeAreaSP 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s backwards;
        animation: topNoticeAreaSP 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s backwards
    }

    .top .top_notice.hide {
        -webkit-transform: translateY(calc(100% + 16px));
        transform: translateY(calc(100% + 16px))
    }
}

.top .top_notice .close_btn {
    position: absolute;
    cursor: pointer
}

@media screen and (min-width: 641px),
print {
    .top .top_notice .close_btn {
        top: -16px;
        right: 4px;
        width: 32px;
        height: 32px;
        background: url(../images/btn_notice_close.png) no-repeat 50% 50%;
        text-indent: -9999px
    }

    .top .top_notice .close_btn:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url(../images/btn_notice_close_ov.png);
        opacity: 0
    }

    .top .top_notice .close_btn:hover:before {
        opacity: 1
    }
}

@media screen and (max-width: 640px) {
    .top .top_notice .close_btn {
        top: -16px;
        right: 4.26667%;
        width: 32px;
        height: 0;
        padding-bottom: 32px;
        background: url(../images/sp_btn_notice_close.png) no-repeat 50% 50%;
        background-size: contain;
        text-indent: -9999px
    }
}

.top .top_notice p {
    color: #fff;
    font-size: 14px;
    line-height: 1.71429
}

.top .top_notice p a {
    color: #fff;
    text-decoration: underline
}

@media screen and (min-width: 641px),
print {
    .top .top_notice p a:hover {
        text-decoration: none
    }
}

@media screen and (min-width: 641px),
print {
    .return h3 {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .return h3 {
        margin-bottom: 24px
    }
}

.return .add_return_btn {
    text-align: center
}

.return .add_return_btn a {
    display: block;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px transparent;
    background-color: #1ec39a;
    color: #fff;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.return .add_return_btn a:hover {
    border-color: #1ec39a;
    background-color: #fff;
    color: #1ec39a;
    text-decoration: none
}

@media screen and (min-width: 641px),
print {
    .return .add_return_btn {
        margin-bottom: 40px;
        font-size: 14px
    }

    .return .add_return_btn a {
        width: 480px;
        line-height: 46px
    }
}

@media screen and (max-width: 640px) {
    .return .add_return_btn {
        margin-bottom: 24px;
        font-size: 16px
    }

    .return .add_return_btn a {
        width: 280px;
        line-height: 50px
    }
}

.project .form_group.last {
    border-bottom: none;
    padding-bottom: 0
}

@media screen and (min-width: 641px),
print {
    .project .form_group.last {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 640px) {
    .project .form_group.last {
        margin-bottom: 25px
    }
}

.project .question_item {
    background-color: #fff
}

.project .question_item h4 {
    border-bottom: solid 1px #dcdcdc;
    background: url(../images/icon_question.png) no-repeat left center
}

@media screen and (min-width: 641px),
print {
    .project .question_item {
        margin-bottom: 24px;
        padding: 20px 39px 32px;
        border: solid 1px #dcdcdc
    }

    .project .question_item h4 {
        margin-bottom: 15px;
        padding: 16px 0 16px 24px;
        font-size: 16px;
        line-height: 1.4
    }

    .project .question_item p {
        font-size: 16px;
        line-height: 1.625
    }
}

@media screen and (max-width: 640px) {
    .project .question_item {
        margin-bottom: 20px;
        padding: 8px 5.8309% 18px;
        border-radius: 2px
    }

    .project .question_item h4 {
        margin-bottom: 12px;
        padding: 11px 0 11px 22px;
        font-size: 14px;
        line-height: 1.3
    }

    .project .question_item p {
        font-size: 14px;
        line-height: 1.57143
    }
}

.project .ui-datepicker .ui-datepicker-title select {
    height: 1.75em
}

.project .fr-toolbar {
    border-color: #393939
}

.project .fr-toolbar .fr-command.fr-btn.fr-dropdown .editor_icon {
    width: 16px;
    min-width: inherit;
    height: 16px;
    margin: 11px 16px 11px 6px;
    padding: 0;
    float: none
}

.project .fr-toolbar .fr-command.fr-btn.fr-dropdown .editor_icon.icon-left_line {
    background: url(/assets/images/icon_form_leftline.png)
}

.project .fr-toolbar .fr-command.fr-btn.fr-dropdown .editor_icon.icon-tb_line {
    background: url(/assets/images/icon_form_tbline.png)
}

.project .fr-toolbar .fr-command.fr-btn.fr-dropdown .editor_icon.icon-background {
    background: url(/assets/images/icon_form_frame.png)
}

.project .fr-toolbar .fr-command.fr-btn.fr-dropdown .editor_icon.icon-radius {
    background: url(/assets/images/icon_form_radius.png)
}

.project .fr-toolbar .fr-command.fr-btn.fr-dropdown .editor_icon.icon-balloon {
    background: url(/assets/images/icon_form_balloon.png)
}

.project .fr-toolbar .fr-command.fr-btn,
.project .fr-popup .fr-command.fr-btn {
    color: #393939
}

.project .fr-dropdown-list li a.color_icon:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 0.5em;
    vertical-align: middle
}

.project .fr-dropdown-list li a.color_icon.color-black:before {
    background-color: #393939
}

.project .fr-dropdown-list li a.color_icon.color-gray:before {
    background-color: #b5b5b5
}

.project .fr-dropdown-list li a.color_icon.color-green:before {
    background-color: #1ec39a
}

.project .fr-dropdown-list li a.color_icon.color-red:before {
    background-color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .project .fr-wrapper {
        font-size: 16px
    }
}

@media screen and (max-width: 640px) {
    .project .fr-wrapper {
        font-size: 12px
    }
}

.project .fr-wrapper p {
    line-height: 1.5
}

.project .fr-wrapper strong {
    font-weight: 700
}

.project .fr-wrapper em {
    font-style: italic
}

.project .fr-wrapper .clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.project .fr-wrapper .hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.project .fr-wrapper img.fr-rounded,
.project .fr-wrapper .fr-img-caption.fr-rounded img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.project .fr-wrapper img.fr-bordered,
.project .fr-wrapper .fr-img-caption.fr-bordered img {
    border: solid 5px #CCC
}

.project .fr-wrapper img.fr-bordered {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.project .fr-wrapper .fr-img-caption.fr-bordered img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.project .fr-wrapper img.fr-shadow,
.project .fr-wrapper .fr-img-caption.fr-shadow img {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16)
}

.project .fr-wrapper .fr-view {
    word-wrap: break-word
}

.project .fr-wrapper .fr-view .fr-file {
    position: relative
}

.project .fr-wrapper .fr-view .fr-file::after {
    position: relative;
    content: "\1F4CE";
    font-weight: normal
}

.project .fr-wrapper .fr-view pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible
}

.project .fr-wrapper .fr-view .fr-text-gray {
    color: #AAA !important
}

.project .fr-wrapper .fr-view .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
}

.project .fr-wrapper .fr-view .fr-text-spaced {
    letter-spacing: 1px
}

.project .fr-wrapper .fr-view .fr-text-uppercase {
    text-transform: uppercase
}

.project .fr-wrapper .fr-view .fr-class-highlighted {
    background-color: #ffff00
}

.project .fr-wrapper .fr-view .fr-class-code {
    border-color: #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: "Courier New", Courier, monospace
}

.project .fr-wrapper .fr-view .fr-class-transparency {
    opacity: 0.5
}

.project .fr-wrapper .fr-view img {
    position: relative;
    max-width: 100%
}

.project .fr-wrapper .fr-view img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.project .fr-wrapper .fr-view img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.project .fr-wrapper .fr-view img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.project .fr-wrapper .fr-view img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.project .fr-wrapper .fr-view img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.project .fr-wrapper .fr-view img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.project .fr-wrapper .fr-view span.fr-img-caption {
    position: relative;
    max-width: 100%
}

.project .fr-wrapper .fr-view span.fr-img-caption.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.project .fr-wrapper .fr-view span.fr-img-caption.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.project .fr-wrapper .fr-view span.fr-img-caption.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.project .fr-wrapper .fr-view span.fr-img-caption.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.project .fr-wrapper .fr-view span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.project .fr-wrapper .fr-view span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.project .fr-wrapper .fr-view a.fr-strong {
    font-weight: 700
}

.project .fr-wrapper .fr-view a.fr-green {
    color: green
}

.project .fr-wrapper .fr-view .fr-img-caption {
    text-align: center
}

.project .fr-wrapper .fr-view .fr-img-caption .fr-img-wrap {
    padding: 0px;
    display: inline-block;
    margin: auto;
    text-align: center;
    width: 100%
}

.project .fr-wrapper .fr-view .fr-img-caption .fr-img-wrap img {
    display: block;
    margin: auto;
    width: 100%
}

.project .fr-wrapper .fr-view .fr-img-caption .fr-img-wrap>span {
    margin: auto;
    display: block;
    padding: 5px 5px 10px;
    font-size: 14px;
    font-weight: initial;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    text-align: center
}

.project .fr-wrapper .fr-view button.fr-rounded,
.project .fr-wrapper .fr-view input.fr-rounded,
.project .fr-wrapper .fr-view textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.project .fr-wrapper .fr-view button.fr-large,
.project .fr-wrapper .fr-view input.fr-large,
.project .fr-wrapper .fr-view textarea.fr-large {
    font-size: 24px
}

.project .fr-wrapper a.fr-view.fr-strong {
    font-weight: 700
}

.project .fr-wrapper a.fr-view.fr-green {
    color: green
}

.project .fr-wrapper img.fr-view {
    position: relative;
    max-width: 100%
}

.project .fr-wrapper img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.project .fr-wrapper img.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.project .fr-wrapper img.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.project .fr-wrapper img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.project .fr-wrapper img.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.project .fr-wrapper img.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.project .fr-wrapper span.fr-img-caption.fr-view {
    position: relative;
    max-width: 100%
}

.project .fr-wrapper span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.project .fr-wrapper span.fr-img-caption.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.project .fr-wrapper span.fr-img-caption.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.project .fr-wrapper span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.project .fr-wrapper span.fr-img-caption.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.project .fr-wrapper span.fr-img-caption.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.project .fr-wrapper h3 {
    margin-top: 1.2em;
    margin-bottom: 0.6em;
    line-height: 1.5
}

.project .fr-wrapper h3:first-child {
    margin-top: 0
}

@media screen and (min-width: 641px),
print {
    .project .fr-wrapper h3 {
        font-size: 20px
    }
}

@media screen and (max-width: 640px) {
    .project .fr-wrapper h3 {
        font-size: 14px
    }
}

@media screen and (min-width: 641px),
print {

    .project .fr-wrapper .under_line_black,
    .project .fr-wrapper .under_line_gray,
    .project .fr-wrapper .under_line_green,
    .project .fr-wrapper .under_line_red {
        padding-bottom: 10px;
        border-bottom: solid 4px
    }
}

@media screen and (max-width: 640px) {

    .project .fr-wrapper .under_line_black,
    .project .fr-wrapper .under_line_gray,
    .project .fr-wrapper .under_line_green,
    .project .fr-wrapper .under_line_red {
        padding-bottom: 8px;
        border-bottom: solid 2px
    }
}

.project .fr-wrapper .under_line_black {
    border-color: #393939
}

.project .fr-wrapper .under_line_gray {
    border-color: #b5b5b5
}

.project .fr-wrapper .under_line_green {
    border-color: #1ec39a
}

.project .fr-wrapper .under_line_red {
    border-color: #ff574c
}

@media screen and (min-width: 641px),
print {

    .project .fr-wrapper .left_line_black,
    .project .fr-wrapper .left_line_gray,
    .project .fr-wrapper .left_line_green,
    .project .fr-wrapper .left_line_red {
        padding: 5px 16px;
        border-left: solid 8px
    }
}

@media screen and (max-width: 640px) {

    .project .fr-wrapper .left_line_black,
    .project .fr-wrapper .left_line_gray,
    .project .fr-wrapper .left_line_green,
    .project .fr-wrapper .left_line_red {
        padding: 4px 12px;
        border-left: solid 4px
    }
}

.project .fr-wrapper .left_line_black {
    border-color: #393939
}

.project .fr-wrapper .left_line_gray {
    border-color: #b5b5b5
}

.project .fr-wrapper .left_line_green {
    border-color: #1ec39a
}

.project .fr-wrapper .left_line_red {
    border-color: #ff574c
}

@media screen and (min-width: 641px),
print {

    .project .fr-wrapper .tb_line_black,
    .project .fr-wrapper .tb_line_gray,
    .project .fr-wrapper .tb_line_green,
    .project .fr-wrapper .tb_line_red {
        padding: 6px 24px;
        border-top: solid 4px;
        border-bottom: solid 4px
    }
}

@media screen and (max-width: 640px) {

    .project .fr-wrapper .tb_line_black,
    .project .fr-wrapper .tb_line_gray,
    .project .fr-wrapper .tb_line_green,
    .project .fr-wrapper .tb_line_red {
        padding: 6px 20px;
        border-top: solid 2px;
        border-bottom: solid 2px
    }
}

.project .fr-wrapper .tb_line_black {
    border-color: #393939
}

.project .fr-wrapper .tb_line_gray {
    border-color: #b5b5b5
}

.project .fr-wrapper .tb_line_green {
    border-color: #1ec39a
}

.project .fr-wrapper .tb_line_red {
    border-color: #ff574c
}

.project .fr-wrapper .bg_black,
.project .fr-wrapper .bg_gray,
.project .fr-wrapper .bg_green,
.project .fr-wrapper .bg_red {
    color: #fff
}

@media screen and (min-width: 641px),
print {

    .project .fr-wrapper .bg_black,
    .project .fr-wrapper .bg_gray,
    .project .fr-wrapper .bg_green,
    .project .fr-wrapper .bg_red {
        padding: 5px 16px
    }
}

@media screen and (max-width: 640px) {

    .project .fr-wrapper .bg_black,
    .project .fr-wrapper .bg_gray,
    .project .fr-wrapper .bg_green,
    .project .fr-wrapper .bg_red {
        padding: 4px 16px
    }
}

.project .fr-wrapper .bg_black {
    background-color: #393939
}

.project .fr-wrapper .bg_gray {
    background-color: #b5b5b5
}

.project .fr-wrapper .bg_green {
    background-color: #1ec39a
}

.project .fr-wrapper .bg_red {
    background-color: #ff574c
}

.project .fr-wrapper .radius_black,
.project .fr-wrapper .radius_gray,
.project .fr-wrapper .radius_green,
.project .fr-wrapper .radius_red {
    border-radius: 9999px;
    color: #fff
}

@media screen and (min-width: 641px),
print {

    .project .fr-wrapper .radius_black,
    .project .fr-wrapper .radius_gray,
    .project .fr-wrapper .radius_green,
    .project .fr-wrapper .radius_red {
        padding: 5px 24px
    }
}

@media screen and (max-width: 640px) {

    .project .fr-wrapper .radius_black,
    .project .fr-wrapper .radius_gray,
    .project .fr-wrapper .radius_green,
    .project .fr-wrapper .radius_red {
        padding: 4px 20px
    }
}

.project .fr-wrapper .radius_black {
    background-color: #393939
}

.project .fr-wrapper .radius_gray {
    background-color: #b5b5b5
}

.project .fr-wrapper .radius_green {
    background-color: #1ec39a
}

.project .fr-wrapper .radius_red {
    background-color: #ff574c
}

.project .fr-wrapper .balloon_black,
.project .fr-wrapper .balloon_gray,
.project .fr-wrapper .balloon_green,
.project .fr-wrapper .balloon_red {
    position: relative;
    margin-bottom: 1em;
    border-radius: 8px;
    color: #fff
}

.project .fr-wrapper .balloon_black:before,
.project .fr-wrapper .balloon_gray:before,
.project .fr-wrapper .balloon_green:before,
.project .fr-wrapper .balloon_red:before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    width: 0;
    height: 0;
    border-style: solid
}

@media screen and (min-width: 641px),
print {

    .project .fr-wrapper .balloon_black,
    .project .fr-wrapper .balloon_gray,
    .project .fr-wrapper .balloon_green,
    .project .fr-wrapper .balloon_red {
        padding: 5px 16px
    }

    .project .fr-wrapper .balloon_black:before,
    .project .fr-wrapper .balloon_gray:before,
    .project .fr-wrapper .balloon_green:before,
    .project .fr-wrapper .balloon_red:before {
        bottom: -16px;
        border-width: 16px 16px 0 0
    }
}

@media screen and (max-width: 640px) {

    .project .fr-wrapper .balloon_black,
    .project .fr-wrapper .balloon_gray,
    .project .fr-wrapper .balloon_green,
    .project .fr-wrapper .balloon_red {
        padding: 4px 16px
    }

    .project .fr-wrapper .balloon_black:before,
    .project .fr-wrapper .balloon_gray:before,
    .project .fr-wrapper .balloon_green:before,
    .project .fr-wrapper .balloon_red:before {
        bottom: -12px;
        border-width: 12px 12px 0 0
    }
}

.project .fr-wrapper .balloon_black {
    background-color: #393939
}

.project .fr-wrapper .balloon_black:before {
    border-color: #393939 transparent transparent transparent
}

.project .fr-wrapper .balloon_gray {
    background-color: #b5b5b5
}

.project .fr-wrapper .balloon_gray:before {
    border-color: #b5b5b5 transparent transparent transparent
}

.project .fr-wrapper .balloon_green {
    background-color: #1ec39a
}

.project .fr-wrapper .balloon_green:before {
    border-color: #1ec39a transparent transparent transparent
}

.project .fr-wrapper .balloon_red {
    background-color: #ff574c
}

.project .fr-wrapper .balloon_red:before {
    border-color: #ff574c transparent transparent transparent
}

.shipping-info .arrow_2:before {
    content: '';
    position: absolute;
    top: 0;
    right: 16px;
    margin: auto;
    z-index: 1
}

@media screen and (min-width: 641px),
print {
    .shipping-info .arrow_2:before {
        top: 12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 6px 5px;
        border-color: transparent transparent #999999 transparent
    }
}

@media screen and (max-width: 640px) {
    .shipping-info .arrow_2:before {
        top: 15px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 4px 5px 4px;
        border-color: transparent transparent #999999 transparent
    }
}

@media screen and (min-width: 641px),
print {
    .shipping-info .arrow_2:after {
        top: auto;
        bottom: 12px
    }
}

@media screen and (max-width: 640px) {
    .shipping-info .arrow_2:after {
        top: auto;
        bottom: 15px
    }
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .flow_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: solid 1px #dcdcdc;
        width: 960px;
        margin: 64px auto 24px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .donation_wrap .flow_block {
        width: auto
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .flow_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: solid 1px #dcdcdc;
        margin-bottom: 32px
    }
}

.donation_wrap .flow_block li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-color: #ffffff;
    z-index: 1
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .flow_block li {
        height: 48px;
        margin-left: -16px;
        font-size: 14px;
        margin-right: 13px;
        width: 240px
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .flow_block li {
        text-align: center;
        height: 12vw;
        margin-right: 2.4vw;
        margin-left: -2.13333vw;
        font-size: 10px;
        font-size: 2.66667vw;
        line-height: 1.5em;
        width: 25.33333vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.donation_wrap .flow_block li:after {
    content: '';
    position: absolute;
    z-index: 1
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .flow_block li:after {
        top: 0;
        right: -13px;
        background: url(../images/flow_arrow.png) no-repeat;
        width: 13px;
        height: 48px
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .flow_block li:after {
        top: 0;
        right: -2.4vw;
        background: url(../images/sp_flow_arrow.png) no-repeat;
        background-size: contain;
        width: 2.4vw;
        height: 12vw
    }
}

.donation_wrap .flow_block li:nth-child(1) {
    z-index: 4;
    margin-left: 0
}

.donation_wrap .flow_block li:nth-child(2) {
    z-index: 3
}

.donation_wrap .flow_block li:nth-child(3) {
    z-index: 2
}

.donation_wrap .flow_block li:nth-child(4) {
    z-index: 1
}

.donation_wrap .flow_block li:last-child {
    margin-right: 0
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .flow_block li:last-child {
        width: 251px
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .flow_block li:last-child {
        width: 25%
    }
}

.donation_wrap .flow_block li:last-child:after {
    display: none
}

.donation_wrap .flow_block li.now {
    background-color: #ff574c;
    color: #ffffff
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .flow_block li.now:after {
        background-image: url(../images/flow_arrow_now.png)
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .flow_block li.now:after {
        background-image: url(../images/sp_flow_arrow_now.png)
    }
}

.donation_wrap .return_block .return_label {
    font-weight: bold
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .return_block .return_label {
        font-size: 16px;
        margin-bottom: 25px
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .return_block .return_label {
        font-size: 14px;
        margin-bottom: 14px
    }
}

.donation_wrap .return_block .return_group {
    background-color: #ffffff
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .return_block .return_group {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: solid 1px #dcdcdc;
        position: relative;
        padding: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .donation_wrap .return_block .return_group {
        display: block
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .return_block .return_group {
        border: solid 1px #dcdcdc;
        border-top: solid .8vw #393939;
        padding: 20px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .donation_wrap .return_block .return_img {
        margin-bottom: 20px
    }

    .donation_wrap .return_block .return_img img {
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .return_block .return_img {
        margin-bottom: 20px
    }

    .donation_wrap .return_block .return_img img {
        width: 100%;
        height: auto
    }
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .return_block .return_txt {
        width: 378px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .donation_wrap .return_block .return_txt {
        width: auto
    }
}

.donation_wrap .return_block .return_lead {
    font-weight: bold
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .return_block .return_lead {
        font-size: 16px;
        line-height: 1.75em;
        height: 56px;
        margin-bottom: 15px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .donation_wrap .return_block .return_lead {
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .return_block .return_lead {
        font-size: 14px;
        line-height: 1.57em;
        margin-bottom: 10px
    }
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .return_block .return_desc {
        font-size: 14px;
        line-height: 1.7em;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .return_block .return_desc {
        font-size: 12px;
        line-height: 1.58em;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .donation_wrap .return_block .return_info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .return_block .return_info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .return_block .return_detail {
        border-top: solid 1px #dcdcdc;
        width: 224px;
        position: absolute;
        top: 166px;
        left: 24px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .donation_wrap .return_block .return_detail {
        position: relative;
        top: 0;
        left: 0
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .return_block .return_detail {
        border-top: solid 1px #dcdcdc;
        width: 44.53333vw
    }
}

.donation_wrap .return_block .return_detail li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .return_block .return_detail li {
        height: 32px;
        border-bottom: solid 1px #dcdcdc
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .return_block .return_detail li {
        height: 7.46667vw;
        border-bottom: solid 1px #dcdcdc
    }
}

.donation_wrap .return_block .return_detail .detail_label {
    color: #888888
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .return_block .return_detail .detail_label {
        font-size: 12px;
        margin-left: 8px
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .return_block .return_detail .detail_label {
        font-size: 10px;
        margin-left: 4px
    }
}

.donation_wrap .return_block .return_detail .detail_data {
    color: #393939
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .return_block .return_detail .detail_data {
        font-size: 14px
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .return_block .return_detail .detail_data {
        font-size: 12px
    }
}

.donation_wrap .return_block .amount_money {
    color: #1ec39a;
    border: solid 1px #1ec39a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .return_block .amount_money {
        width: 242px;
        height: 242px;
        font-size: 22px
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .return_block .amount_money {
        width: 32vw;
        height: 23.46667vw;
        font-size: 14px
    }
}

.donation_wrap .return_confirm_lead {
    text-align: center
}

@media screen and (min-width: 641px),
print {
    .donation_wrap .return_confirm_lead {
        font-size: 16px;
        line-height: 1.75em;
        margin-bottom: 44px
    }
}

@media screen and (max-width: 640px) {
    .donation_wrap .return_confirm_lead {
        font-size: 12px;
        line-height: 1.7em;
        margin-bottom: 40px
    }
}

@media screen and (min-width: 641px),
print {
    .login .login_wrap {
        width: 544px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .login .login_wrap {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 641px),
print {
    .login .login_ttl {
        text-align: center;
        margin-top: 70px;
        font-size: 28px;
        padding-bottom: 40px;
        border-bottom: dotted 1px #d5d5d5;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .login .login_ttl {
        font-size: 20px;
        margin-top: 32px;
        margin-bottom: 32px
    }
}

.login .last {
    border-bottom: none;
    padding-bottom: 0
}

@media screen and (min-width: 641px),
print {
    .login .last {
        margin-bottom: 65px
    }
}

@media screen and (max-width: 640px) {
    .login .last {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 641px),
print {
    .login .register_lead {
        text-align: center;
        font-size: 16px;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 640px) {
    .login .register_lead {
        font-size: 14px;
        margin-bottom: 40px
    }
}

.donate-complete .complete_msg {
    border: solid 1px #dcdcdc;
    background-color: #fff
}

@media screen and (min-width: 641px),
print {
    .donate-complete .complete_msg {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 0 39px 20px
    }
}

@media screen and (max-width: 640px) {
    .donate-complete .complete_msg {
        margin-top: 20px;
        margin-bottom: 40px;
        padding: 0 5.53936% 10px
    }
}

.donate-complete .complete_msg h3 {
    border-bottom: dotted 1px #b5b5b5;
    color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .donate-complete .complete_msg h3 {
        margin-bottom: 35px;
        padding: 39px 0;
        font-size: 20px;
        text-align: center
    }
}

@media screen and (max-width: 640px) {
    .donate-complete .complete_msg h3 {
        padding: 14px 0;
        font-size: 14px;
        line-height: 1.57143
    }
}

.donate-complete .complete_msg h4 {
    border-bottom: dotted 1px #b5b5b5;
    font-weight: bold
}

@media screen and (min-width: 641px),
print {
    .donate-complete .complete_msg h4 {
        margin-bottom: 27px;
        padding: 16px 0;
        font-size: 18px
    }
}

@media screen and (max-width: 640px) {
    .donate-complete .complete_msg h4 {
        margin-bottom: 20px;
        padding: 20px 0;
        font-size: 16px
    }
}

@media screen and (min-width: 641px),
print {
    .donate-complete .complete_msg h5 {
        margin-bottom: 19px;
        font-size: 18px;
        font-weight: bold
    }
}

@media screen and (max-width: 640px) {
    .donate-complete .complete_msg h5 {
        margin-bottom: 18px;
        font-size: 14px;
        font-weight: bold
    }
}

@media screen and (min-width: 641px),
print {
    .donate-complete .complete_msg p {
        margin: 19px 0;
        line-height: 1.625
    }
}

@media screen and (max-width: 640px) {
    .donate-complete .complete_msg p {
        margin: 16px 0;
        font-size: 14px;
        line-height: 1.57143
    }
}

.donate-complete .complete_msg a {
    color: #1ec39a
}

@media screen and (min-width: 641px),
print {
    .donate-complete .complete_msg ol {
        margin: 19px 0
    }

    .donate-complete .complete_msg ol li {
        line-height: 1.625
    }
}

@media screen and (max-width: 640px) {
    .donate-complete .complete_msg ol {
        margin: 19px 0
    }

    .donate-complete .complete_msg ol li {
        margin-bottom: 0.3em;
        padding-left: 1em;
        font-size: 14px;
        line-height: 1.57143;
        text-indent: -1em
    }
}

@media screen and (min-width: 641px),
print {
    .donate-complete .complete_msg .credit_card {
        margin: 0;
        padding: 31px 0 11px;
        font-size: 20px;
        line-height: 1.8em;
        text-align: center
    }
}

@media screen and (max-width: 640px) {
    .donate-complete .complete_msg .credit_card {
        margin: 0;
        padding: 15px 0 5px;
        font-size: 14px;
        line-height: 1.7em
    }
}

.donate-complete .complete_msg .notice_list li {
    padding-left: 1em;
    color: #ff574c;
    font-size: 14px;
    line-height: 1.71429;
    text-indent: -1em
}

.donate-complete .complete_msg .pay_info {
    background-color: #f5f5f5
}

@media screen and (min-width: 641px),
print {
    .donate-complete .complete_msg .pay_info {
        margin: 35px 0 24px;
        padding: 30px 40px 40px
    }
}

@media screen and (max-width: 640px) {
    .donate-complete .complete_msg .pay_info {
        margin: 20px 0 12px;
        padding: 14px 6.60066% 28px
    }
}

.donate-complete .complete_msg .pay_info .pay_info_data span {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .donate-complete .complete_msg .pay_info .pay_info_data {
        margin: 0 0 22px;
        font-size: 24px;
        line-height: 1.83333
    }

    .donate-complete .complete_msg .pay_info .pay_info_data span {
        margin-right: 0.5em
    }
}

@media screen and (max-width: 640px) {
    .donate-complete .complete_msg .pay_info .pay_info_data {
        margin: 0 0 15px;
        font-size: 18px;
        text-align: center
    }

    .donate-complete .complete_msg .pay_info .pay_info_data span {
        display: inline-block;
        margin-top: 0.5em;
        font-size: 14px
    }
}

.donate-complete .complete_msg .pay_info .pay_info_notice {
    margin: 0;
    border: solid 1px #ff574c;
    background-color: #fff;
    color: #ff574c;
    text-indent: -1em
}

@media screen and (min-width: 641px),
print {
    .donate-complete .complete_msg .pay_info .pay_info_notice {
        padding: 17px 23px 17px 37px;
        font-size: 14px;
        line-height: 1.71429
    }
}

@media screen and (max-width: 640px) {
    .donate-complete .complete_msg .pay_info .pay_info_notice {
        padding: 13px 6.08365% 13px 10.64639%;
        font-size: 12px;
        line-height: 1.58333
    }
}

@media screen and (min-width: 641px),
print {
    .donate-complete .btn_wrap {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .donate-complete .btn_wrap {
        margin-bottom: 54px
    }
}

@media screen and (min-width: 641px),
print {
    .donate-confirm .confirm_block {
        margin-bottom: 60px;
        margin-top: 40px
    }
}

@media screen and (max-width: 640px) {
    .donate-confirm .confirm_block {
        margin-top: 25px;
        margin-bottom: 40px
    }
}

@media screen and (min-width: 641px),
print {
    .donate-confirm .confirm_block dt {
        font-size: 16px;
        margin-bottom: 9px
    }
}

@media screen and (max-width: 640px) {
    .donate-confirm .confirm_block dt {
        font-size: 14px;
        margin-bottom: 6px
    }
}

.donate-confirm .confirm_block dd {
    position: relative;
    background-color: #ffffff;
    border-top: dotted 1px #b5b5b5;
    margin-bottom: 30px
}

@media screen and (min-width: 641px),
print {
    .donate-confirm .confirm_block dd {
        font-size: 16px;
        line-height: 1.75em;
        padding: 30px 25px
    }
}

@media screen and (max-width: 640px) {
    .donate-confirm .confirm_block dd {
        font-size: 14px;
        line-height: 1.57em;
        padding: 20px
    }
}

.donate-confirm .confirm_block dd .warning {
    color: #ff574c
}

.donate-confirm .confirm_block dd .edit_link {
    position: absolute
}

.donate-confirm .confirm_block dd .edit_link a {
    color: #1ec39a
}

@media screen and (min-width: 641px),
print {
    .donate-confirm .confirm_block dd .edit_link {
        top: 30px;
        right: 25px;
        font-size: 16px
    }
}

@media screen and (max-width: 640px) {
    .donate-confirm .confirm_block dd .edit_link {
        top: 20px;
        right: 20px;
        font-size: 14px
    }
}

@media screen and (min-width: 641px),
print {
    .donate-confirm .btn_wrap {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .donate-confirm .btn_wrap {
        margin-bottom: 54px
    }
}

@media screen and (max-width: 640px) {
    .inquiries_confirm h3 {
        font-size: 14px;
        line-height: 1.57em
    }
}

@media screen and (min-width: 641px),
print {
    .inquiries_confirm .btn_wrap {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .inquiries_confirm .btn_wrap {
        margin-bottom: 54px
    }
}

@media screen and (min-width: 641px),
print {
    .inquiries_confirm .confirm_block {
        margin-bottom: 60px;
        margin-top: 40px
    }
}

@media screen and (max-width: 640px) {
    .inquiries_confirm .confirm_block {
        margin-top: 25px;
        margin-bottom: 40px
    }
}

@media screen and (min-width: 641px),
print {
    .inquiries_confirm .confirm_block dt {
        font-size: 16px;
        margin-bottom: 9px
    }
}

@media screen and (max-width: 640px) {
    .inquiries_confirm .confirm_block dt {
        font-size: 14px;
        margin-bottom: 6px
    }
}

.inquiries_confirm .confirm_block dd {
    background-color: #ffffff;
    border-top: dotted 1px #b5b5b5;
    margin-bottom: 30px;
    word-break: break-all
}

@media screen and (min-width: 641px),
print {
    .inquiries_confirm .confirm_block dd {
        font-size: 16px;
        line-height: 1.75em;
        padding: 30px 25px
    }
}

@media screen and (max-width: 640px) {
    .inquiries_confirm .confirm_block dd {
        font-size: 14px;
        line-height: 1.57em;
        padding: 20px
    }
}

@media screen and (min-width: 641px),
print {
    .term_policy .caution_lead {
        padding: 20px 40px;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .term_policy .caution_lead {
        padding: 25px 20px;
        margin-bottom: 32px
    }
}

@media screen and (min-width: 641px),
print {
    .term_policy .caution_label {
        font-size: 16px;
        background: url(../images/icon_caution.png) no-repeat left top;
        padding-left: 20px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 640px) {
    .term_policy .caution_label {
        font-size: 14px;
        line-height: 16px;
        background: url(../images/sp_icon_caution.png) no-repeat left top;
        background-size: 16px;
        padding-left: 24px;
        margin-bottom: 13px
    }
}

@media screen and (min-width: 641px),
print {
    .term_policy .caution_desc {
        font-size: 16px;
        line-height: 1.75em
    }
}

@media screen and (max-width: 640px) {
    .term_policy .caution_desc {
        font-size: 12px;
        line-height: 1.58em
    }
}

@media screen and (min-width: 641px),
print {
    .term_policy .form_area {
        padding-top: 40px;
        border-top: dotted 1px #dcdcdc
    }
}

@media screen and (min-width: 641px),
print {
    .term_policy .term_desc {
        margin-left: 40px
    }
}

.term_policy .agree_checkbox {
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 641px),
print {
    .term_policy .agree_checkbox {
        height: 70px;
        margin-top: 65px;
        margin-bottom: 40px;
        font-size: 18px
    }
}

@media screen and (max-width: 640px) {
    .term_policy .agree_checkbox {
        padding: 20px;
        margin-bottom: 40px;
        font-size: 14px;
        line-height: 1.57em
    }
}

.term_policy .agree_checkbox .checkbox_icon {
    vertical-align: middle
}

@media screen and (min-width: 641px),
print {
    .term_policy .agree_checkbox .checkbox_icon {
        margin-right: 16px
    }
}

@media screen and (max-width: 640px) {
    .term_policy .agree_checkbox .checkbox_icon {
        float: left;
        margin-right: 10px
    }
}

@media screen and (max-width: 640px) {

    .term_policy .agree_checkbox .checkbox_wrap:before,
    .term_policy .agree_checkbox .checkbox_wrap:after {
        content: " ";
        display: table
    }

    .term_policy .agree_checkbox .checkbox_wrap:after {
        clear: both
    }
}

.users .user_header {
    position: relative
}

@media screen and (min-width: 641px),
print {
    .users .user_header h2 {
        padding: 72px 0 56px;
        font-size: 28px
    }
}

@media screen and (max-width: 640px) {
    .users .user_header h2 {
        padding: 32px 0;
        font-size: 20px
    }
}

.users .user_header h2 .user_icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

@media screen and (min-width: 641px),
print {
    .users .user_header h2 .user_icon {
        width: 40px;
        height: 40px;
        margin-right: 8px;
        vertical-align: -35%
    }
}

@media screen and (max-width: 640px) {
    .users .user_header h2 .user_icon {
        width: 32px;
        height: 32px;
        margin-right: 8px;
        vertical-align: -38%
    }
}

.users .user_header .setting_btn {
    position: absolute;
    right: 0
}

.users .user_header .setting_btn a {
    display: block;
    border: solid 1px #393939;
    color: #393939;
    text-align: center
}

.users .user_header .setting_btn a:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    background: url(../images/icon_setting.svg) no-repeat;
    background-size: cover
}

.users .user_header .setting_btn a:hover {
    text-decoration: none
}

@media screen and (min-width: 641px),
print {
    .users .user_header .setting_btn {
        top: 63px;
        width: 104px
    }

    .users .user_header .setting_btn a {
        line-height: 38px
    }

    .users .user_header .setting_btn a:before {
        width: 16px;
        height: 16px;
        vertical-align: 0
    }

    .users .user_header .setting_btn a:hover {
        opacity: 0.6
    }
}

@media screen and (max-width: 640px) {
    .users .user_header .setting_btn {
        top: 32px;
        width: 66px
    }

    .users .user_header .setting_btn a {
        font-size: 12px;
        line-height: 30px
    }

    .users .user_header .setting_btn a:before {
        width: 12px;
        height: 12px
    }
}

.users .user_box {
    border: solid 1px #dcdcdc;
    background-color: #fff
}

@media screen and (min-width: 641px),
print {
    .users .user_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 72px 0 80px;
        padding: 39px 39px 47px
    }
}

@media screen and (max-width: 640px) {
    .users .user_box {
        margin: 101px 0 40px;
        padding: 0 5.53936% 20px
    }
}

@media screen and (min-width: 641px),
print {
    .users .user_box .user_detail {
        width: 54.54545%
    }
}

@media screen and (max-width: 640px) {
    .users .user_box .user_detail {
        padding-bottom: 18px
    }
}

.users .user_box .user_detail .user_info_head .user_icon {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.users .user_box .user_detail .user_info_head h3 {
    font-size: 20px
}

@media screen and (min-width: 641px),
print {
    .users .user_box .user_detail .user_info_head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px
    }

    .users .user_box .user_detail .user_info_head .user_icon {
        width: 160px;
        height: 160px;
        margin-right: 40px
    }
}

@media screen and (max-width: 640px) {
    .users .user_box .user_detail .user_info_head .user_icon {
        width: 140px;
        height: 140px;
        margin: -70px auto 18px
    }

    .users .user_box .user_detail .user_info_head h3 {
        margin-bottom: 0.8em;
        text-align: center
    }
}

.users .user_box .user_detail p,
.users .user_box .user_detail ul {
    margin-bottom: 0.9em;
    font-size: 14px;
    line-height: 1.71429
}

.users .user_box .letterpot {
    border: solid 1px #dcdcdc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 641px),
print {
    .users .user_box .letterpot {
        width: 40.90909%;
        height: 418px;
        padding: 23px 23px 25px
    }
}

@media screen and (max-width: 640px) {
    .users .user_box .letterpot {
        padding: 14px 6.60066% 20px
    }
}

.users .user_box .letterpot .letterpot_logo {
    text-align: center
}

@media screen and (min-width: 641px),
print {
    .users .user_box .letterpot .letterpot_logo {
        margin-bottom: 26px
    }
}

@media screen and (max-width: 640px) {
    .users .user_box .letterpot .letterpot_logo {
        margin-bottom: 12px
    }

    .users .user_box .letterpot .letterpot_logo img {
        width: 23px;
        height: 24px
    }
}

.users .user_box .letterpot h4 {
    color: #e9542e;
    text-align: center
}

@media screen and (min-width: 641px),
print {
    .users .user_box .letterpot h4 {
        margin-bottom: 25px;
        font-size: 18px
    }
}

@media screen and (max-width: 640px) {
    .users .user_box .letterpot h4 {
        margin-bottom: 16px;
        font-size: 14px
    }
}

.users .user_box .letterpot .letterpot_detail .letterpot_group {
    border-top: dotted 1px #dcdcdc
}

.users .user_box .letterpot .letterpot_detail .letterpot_group:before,
.users .user_box .letterpot .letterpot_detail .letterpot_group:after {
    content: " ";
    display: table
}

.users .user_box .letterpot .letterpot_detail .letterpot_group:after {
    clear: both
}

.users .user_box .letterpot .letterpot_detail .letterpot_group:first-child {
    border-top: none
}

@media screen and (min-width: 641px),
print {
    .users .user_box .letterpot .letterpot_detail .letterpot_group {
        padding: 25px 8px
    }
}

@media screen and (max-width: 640px) {
    .users .user_box .letterpot .letterpot_detail .letterpot_group {
        padding: 16px 10px
    }
}

@media screen and (min-width: 641px),
print {

    .users .user_box .letterpot .letterpot_detail h5,
    .users .user_box .letterpot .letterpot_detail p {
        font-size: 14px
    }
}

@media screen and (max-width: 640px) {

    .users .user_box .letterpot .letterpot_detail h5,
    .users .user_box .letterpot .letterpot_detail p {
        font-size: 10px
    }
}

.users .user_box .letterpot .letterpot_detail h5 {
    float: left;
    color: #888
}

.users .user_box .letterpot .letterpot_detail p {
    float: right
}

.users .user_box .letterpot.login {
    position: relative
}

@media screen and (min-width: 641px),
print {
    .users .user_box .letterpot.login {
        padding: 76px 23px 25px
    }
}

@media screen and (max-width: 640px) {
    .users .user_box .letterpot.login {
        padding: 38px 6.60066% 68px
    }
}

@media screen and (min-width: 641px),
print {
    .users .user_box .letterpot.login .letterpot_logo {
        margin-bottom: 24px
    }
}

@media screen and (min-width: 641px),
print {
    .users .user_box .letterpot.login h4 {
        margin-bottom: 24px
    }
}

.users .user_box .letterpot.login .input_area {
    margin-bottom: 16px
}

.users .user_box .letterpot.login .input_area input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.users .user_box .letterpot.login .collabo_btn a {
    width: 160px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #e9542e;
    background-color: #e9542e;
    color: #fff
}

@media screen and (min-width: 641px),
print {
    .users .user_box .letterpot.login .collabo_btn a {
        line-height: 38px
    }

    .users .user_box .letterpot.login .collabo_btn a:hover {
        background-color: #fff;
        color: #e9542e
    }
}

@media screen and (max-width: 640px) {
    .users .user_box .letterpot.login .collabo_btn a {
        line-height: 44px
    }
}

.users .user_box .letterpot.login .what_is {
    position: absolute;
    right: 6px;
    bottom: 9px;
    font-size: 12px
}

.users .user_box .letterpot.login .what_is a {
    color: #e9542e
}

.users .msg_list {
    border-top: solid 1px #dcdcdc;
    background-color: #fff
}

.users .msg_list li {
    border-bottom: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    .users .msg_list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.users .msg_list li .message_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #55555529;
    width: 100%
}

@media screen and (max-width: 640px) {
    .users .msg_list li .message_head {
        margin-bottom: 10px
    }
}

.users .msg_list li .message_head .user_icon span {
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

@media screen and (min-width: 641px),
print {
    .users .msg_list li .message_head .user_icon span {
        width: 52px;
        height: 52px
    }
}

@media screen and (max-width: 640px) {
    .users .msg_list li .message_head .user_icon span {
        width: 40px;
        height: 40px
    }
}

@media screen and (min-width: 641px),
print {
    .users .msg_list li .message_head .user_name {
        width: 100px;
        padding: 0 24px
    }

    .users .msg_list li .message_head .user_name p {
        font-size: 14px;
        line-height: 1.71429
    }
}

@media screen and (max-width: 640px) {
    .users .msg_list li .message_head .user_name {
        padding-left: 12px
    }

    .users .msg_list li .message_head .user_name p {
        font-size: 14px;
        line-height: 1.57143
    }
}

@media screen and (min-width: 641px),
print {
    .users .msg_list li .text {
        padding-top: 5px;
    }
}

.users .msg_list li .text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 641px),
print {
    .users .msg_list li .text p {
        font-size: 14px;
        line-height: 1.71429
    }
}

@media screen and (max-width: 640px) {
    .users .msg_list li .text p {
        font-size: 14px;
        line-height: 1.57143
    }
}

.users .msg_list li .date p {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .users .msg_list li .date {
        padding-top: 5px;
        padding-left: 24px
    }

    .users .msg_list li .date p {
        font-size: 14px;
        line-height: 1.71429
    }
}

@media screen and (max-width: 640px) {
    .users .msg_list li .date {
        padding-top: 10px
    }

    .users .msg_list li .date p {
        font-size: 12px
    }
}

@media screen and (min-width: 641px),
print {
    .users.notification h3 {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 1.2em
    }
}

@media screen and (max-width: 640px) {
    .users.notification h3 {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.25em
    }
}

@media screen and (min-width: 641px),
print {
    .users.notification .notification_wrap {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .users.notification .notification_wrap {
        padding-bottom: 40px
    }
}

@media screen and (min-width: 641px),
print {
    .users.notification .notification_wrap .pager {
        margin-top: 24px
    }
}

@media screen and (max-width: 640px) {
    .users.notification .notification_wrap .pager {
        margin-top: 20px
    }
}

@media screen and (min-width: 641px),
print {
    .users.notification .msg_list li {
        padding: 28px 40px
    }
}

@media screen and (max-width: 640px) {
    .users.notification .msg_list li {
        padding: 12px 5.8309% 16px
    }
}

@media screen and (min-width: 641px),
print {
    .users.message .message_wrap {
        margin-top: 72px;
        padding-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .users.message .message_wrap {
        margin-top: 32px;
        padding-bottom: 40px
    }
}

@media screen and (min-width: 641px),
print {
    .users.message .message_wrap .pager {
        margin-top: 24px
    }
}

@media screen and (max-width: 640px) {
    .users.message .message_wrap .pager {
        margin-top: 20px
    }
}

@media screen and (min-width: 641px),
print {
    .users.message .msg_list li {
        display: inherit;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit
    }
}

.users.message .msg_list li>a {
    color: #393939
}

.users.message .msg_list li>a:hover {
    text-decoration: none
}

@media screen and (min-width: 641px),
print {
    .users.message .msg_list li>a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 14px 24px;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 640px) {
    .users.message .msg_list li>a {
        display: block;
        padding: 16px 5.8309%
    }
}

.users.message .message_inbox {
    border: solid 1px #dcdcdc;
    background-color: #fff
}

@media screen and (min-width: 641px),
print {
    .users.message .message_inbox {
        max-width: 640px;
        margin: 0 auto 80px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .users.message .message_inbox {
        margin: 0 auto 40px;
        padding-bottom: 32px
    }
}

.users.message .message_inbox .user_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: solid 1px #dcdcdc;
    background-color: #ececec
}

.users.message .message_inbox .user_head .user_icon span {
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

@media screen and (min-width: 641px),
print {
    .users.message .message_inbox .user_head {
        padding: 13px 39px
    }

    .users.message .message_inbox .user_head .user_icon span {
        width: 52px;
        height: 52px
    }

    .users.message .message_inbox .user_head .user_name_group {
        padding-left: 16px
    }
}

@media screen and (max-width: 640px) {
    .users.message .message_inbox .user_head {
        padding: 7px 5.57185%
    }

    .users.message .message_inbox .user_head .user_icon span {
        width: 40px;
        height: 40px
    }

    .users.message .message_inbox .user_head .user_name_group {
        padding-left: 12px
    }

    .users.message .message_inbox .user_head .user_name_group .user_name {
        font-size: 14px
    }
}

.users.message .message_inbox .message_form {
    margin: 0 auto;
    border-bottom: solid 1px #dcdcdc
}

.users.message .message_inbox .message_form textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.users.message .message_inbox .message_form .send_btn:before,
.users.message .message_inbox .message_form .send_btn:after {
    content: " ";
    display: table
}

.users.message .message_inbox .message_form .send_btn:after {
    clear: both
}

.users.message .message_inbox .message_form .send_btn a {
    float: right
}

@media screen and (min-width: 641px),
print {
    .users.message .message_inbox .message_form {
        width: 560px;
        padding: 32px 0
    }

    .users.message .message_inbox .message_form h4 {
        margin-bottom: 18px
    }

    .users.message .message_inbox .message_form textarea {
        height: 7.125em;
        margin-bottom: 17px
    }

    .users.message .message_inbox .message_form .send_btn a {
        width: 160px;
        line-height: 40px
    }
}

@media screen and (max-width: 640px) {
    .users.message .message_inbox .message_form {
        margin: 0 5.57185%;
        padding: 31px 0 24px
    }

    .users.message .message_inbox .message_form h4 {
        margin-bottom: 12px
    }

    .users.message .message_inbox .message_form textarea {
        height: 9.5em;
        margin-bottom: 12px
    }

    .users.message .message_inbox .message_form .send_btn a {
        width: 120px;
        font-size: 14px;
        line-height: 40px
    }
}

@media screen and (min-width: 641px),
print {
    .users.message .message_inbox .message_history {
        width: 512px;
        margin: 0 auto 16px;
        padding: 8px 0 0
    }
}

@media screen and (max-width: 640px) {
    .users.message .message_inbox .message_history {
        margin: 0 10.26393% 8px
    }
}

@media screen and (min-width: 641px),
print {
    .users.message .message_inbox .message_history li {
        padding-bottom: 14px
    }
}

@media screen and (max-width: 640px) {
    .users.message .message_inbox .message_history li {
        padding-bottom: 6px
    }
}

.users.message .message_inbox .message_history li .account_head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    border-top: 1px dotted #dcdcdc
}

.users.message .message_inbox .message_history li .account_head .user_icon span {
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

@media screen and (min-width: 641px),
print {
    .users.message .message_inbox .message_history li .account_head {
        padding-top: 32px
    }

    .users.message .message_inbox .message_history li .account_head .user_icon span {
        width: 52px;
        height: 52px
    }

    .users.message .message_inbox .message_history li .account_head .user_name_group {
        padding-left: 16px
    }
}

@media screen and (max-width: 640px) {
    .users.message .message_inbox .message_history li .account_head {
        padding-top: 24px
    }

    .users.message .message_inbox .message_history li .account_head .user_icon span {
        width: 26px;
        height: 26px
    }

    .users.message .message_inbox .message_history li .account_head .user_name_group {
        padding-left: 12px
    }

    .users.message .message_inbox .message_history li .account_head .user_name_group .user_name {
        font-size: 14px
    }
}

.users.message .message_inbox .message_history li:first-child .account_head {
    border-top: none
}

.users.message .message_inbox .message_history li .message {
    margin-bottom: 18px
}

.account_head .date {
    position: absolute;
    right: 0;
    color: #888;
    font-size: 12px;
    line-height: 1em;
    margin-left: 10px;
}

@media screen and (min-width: 641px),
print {
    .users.message .message_inbox .message_history li .message p {
        line-height: 1.625
    }

    .users.message .message_inbox .message_history li .message .date {
        margin-top: 7px
    }
}

@media screen and (max-width: 640px) {
    .users.message .message_inbox .message_history li .message p {
        font-size: 14px;
        line-height: 1.57143
    }

    .users.message .message_inbox .message_history li .message .date {
        margin-top: 6px
    }
}

.users.message .message_inbox .more_btn a {
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #1ec39a;
    background-color: #1ec39a;
    color: #fff;
    line-height: 38px
}

@media screen and (min-width: 641px),
print {
    .users.message .message_inbox .more_btn a {
        width: 240px
    }

    .users.message .message_inbox .more_btn a:hover {
        background-color: #fff;
        color: #1ec39a
    }
}

@media screen and (max-width: 640px) {
    .users.message .message_inbox .more_btn a {
        width: 200px;
        font-size: 14px
    }
}

@media screen and (min-width: 641px),
print {
    .faq .faq_wrap {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .faq .faq_wrap {
        padding-bottom: 40px
    }
}

.faq .faq_item {
    background-color: #ffffff;
    border: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    .faq .faq_item {
        margin-bottom: 24px;
        padding: 24px;
        font-size: 14px;
        line-height: 1.57em;
        cursor: pointer
    }
}

@media screen and (max-width: 640px) {
    .faq .faq_item {
        margin-bottom: 12px;
        padding: 15px;
        font-size: 14px;
        line-height: 1.57em
    }
}

.faq .faq_item:last-child {
    margin-bottom: 0
}

.faq .faq_item_txt {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1)
}

@media screen and (min-width: 641px),
print {
    .faq .item_inner {
        padding-top: 24px
    }
}

@media screen and (max-width: 640px) {
    .faq .item_inner {
        margin-top: 20px
    }
}

.faq .is-open {
    border-color: #ff574c
}

.faq .is-open .faq_item_ttl {
    color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .pages_term .term_wrap {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .pages_term .term_wrap {
        margin-bottom: 40px
    }
}

.pages_term .term_wrap p {
    font-size: 12px;
    line-height: 1.58em
}

.pages_term h3 {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.35em
}

.pages_term dt {
    font-weight: bold;
    font-size: 13px;
    line-height: 1.46em
}

.pages_term dd {
    font-size: 12px;
    line-height: 1.58em;
    margin-bottom: 25px
}

.pages_term dd a {
    color: #ff574c;
    text-decoration: underline
}

.pages_term dd a:hover {
    text-decoration: none
}

.pages_term ol li {
    text-indent: -1em;
    padding-left: 1em
}

.pages_term .manual_link {
    font-size: 14px
}

.pages_term .manual_link a {
    text-decoration: underline
}

.pages_term .manual_link a:hover {
    text-decoration: none
}

.inquiries .caution_lead {
    margin-bottom: 70px;
    padding: 16px 0
}

@media screen and (min-width: 641px),
print {
    .inquiries .caution_lead p {
        line-height: 2;
        text-align: center
    }
}

@media screen and (max-width: 640px) {
    .inquiries .caution_lead {
        margin-bottom: 36px;
        padding: 15px 5.53936%
    }

    .inquiries .caution_lead p {
        font-size: 14px;
        line-height: 1.57143
    }
}

@media screen and (min-width: 641px),
print {
    .management .management_wrap {
        margin-bottom: 80px
    }
}

.management h4 {
    font-weight: bold
}

@media screen and (min-width: 641px),
print {
    .management h4 {
        font-size: 16px;
        margin-bottom: 18px
    }
}

@media screen and (max-width: 640px) {
    .management h4 {
        font-size: 14px;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 640px) {
    .management .my_projects_list {
        margin-bottom: 0
    }

    .management .my_projects_list li {
        margin-bottom: 32px
    }
}

.management .project_content {
    background-color: #ffffff;
    border: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    .management .project_content {
        padding: 30px 40px;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .management .project_content {
        padding: 20px;
        margin-bottom: 32px
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content.status {
        font-size: 16px;
        line-height: 1.62em
    }
}

@media screen and (max-width: 640px) {
    .management .project_content.status {
        font-size: 14px;
        line-height: 1.57em
    }
}

.management .project_content.status dl:nth-child(1) {
    border-bottom: dotted 1px #b5b5b5
}

@media screen and (min-width: 641px),
print {
    .management .project_content.status dl:nth-child(1) {
        padding-bottom: 30px;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 640px) {
    .management .project_content.status dl:nth-child(1) {
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}

.management .project_content.status dl:nth-child(1) dd {
    color: #ff574c
}

.management .project_content.status dt {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .management .project_content.status dd {
        margin-top: -1.62em;
        margin-left: 110px
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .insight {
        text-align: center
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .insight {
        font-size: 14px
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .project_btn_wrap {
        margin-bottom: 40px
    }

    .management .project_content .project_btn_wrap:before,
    .management .project_content .project_btn_wrap:after {
        content: " ";
        display: table
    }

    .management .project_content .project_btn_wrap:after {
        clear: both
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .project_btn_wrap {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .csv_download {
        float: right;
        width: 214px
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .csv_download {
        display: none
    }
}

.management .project_content .csv_download a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #1ec39a;
    background-color: #1ec39a;
    color: #fff
}

@media screen and (min-width: 641px),
print {
    .management .project_content .csv_download a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 40px
    }

    .management .project_content .csv_download a:hover {
        text-decoration: none;
        background-color: #fff;
        color: #1ec39a
    }

    .management .project_content .csv_download a:hover span:after {
        opacity: 1
    }
}

.management .project_content .csv_download span {
    position: relative;
    padding-left: 24px
}

.management .project_content .csv_download span:before,
.management .project_content .csv_download span:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 14px;
    height: 12px;
    margin: auto;
    background: url(../images/icon_download.png) no-repeat left center
}

.management .project_content .csv_download span:after {
    background-position: right center;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

@media screen and (min-width: 641px),
print {
    .management .project_content .return_btn {
        float: left
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .return_btn {
        margin-bottom: 12px
    }
}

.management .project_content .return_btn select {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #dcdcdc;
    border-radius: 0;
    background: url(../images/icon_triangle_bottom.svg) no-repeat #fff;
    color: #393939;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (min-width: 641px),
print {
    .management .project_content .return_btn select {
        width: 240px;
        height: 40px;
        padding-left: 24px;
        background-position: 93.04348% 50%;
        background-size: 8px 6px;
        font-size: 16px
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .return_btn select {
        width: 100%;
        height: 47px;
        padding-left: 16px;
        background-position: 94.84536% 50%;
        background-size: 10px 8px;
        font-size: 14px
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .batch_btn {
        float: right;
        width: 214px;
        margin: 0 24px
    }
}

.management .project_content .batch_btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #1ec39a;
    background-color: #1ec39a;
    color: #fff
}

@media screen and (min-width: 641px),
print {
    .management .project_content .batch_btn a {
        height: 40px
    }

    .management .project_content .batch_btn a:hover {
        text-decoration: none;
        background-color: #fff;
        color: #1ec39a
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .batch_btn a {
        height: 47px;
        font-size: 14px
    }
}

.management .project_content .score {
    border: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    .management .project_content .score {
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .score {
        padding: 15px;
        margin-bottom: 32px
    }
}

.management .project_content .score span {
    color: #888;
    display: block;
    font-size: 14px
}

@media screen and (min-width: 641px),
print {
    .management .project_content .score span {
        margin-bottom: 10px
    }
}

.management .project_content .score p {
    font-size: 18px
}

@media screen and (min-width: 641px),
print {
    .management .project_content .score li {
        border-right: solid 1px #dcdcdc;
        height: 56px;
        width: 239px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .management .project_content .score li {
        width: 27.22096%
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .score li {
        border-bottom: solid 1px #dcdcdc
    }
}

.management .project_content .score li div {
    text-align: center
}

@media screen and (max-width: 640px) {
    .management .project_content .score li div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 50px
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .score li:nth-child(1) {
        width: 139px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .management .project_content .score li:nth-child(1) {
        width: 15.83144%
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .score li:nth-child(1) {
        font-size: 18px;
        text-align: center;
        padding-bottom: 15px
    }
}

.management .project_content .member_list {
    border: solid 1px #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .member_list {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list ul:nth-child(1) {
        width: 56px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .management .project_content .member_list ul:nth-child(1) {
        width: 17.12707%
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .member_list ul:nth-child(1) {
        width: 17.12707%
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list ul:nth-child(2) {
        width: 157px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .management .project_content .member_list ul:nth-child(2) {
        width: 33.5175%
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .member_list ul:nth-child(2) {
        width: 33.5175%
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .member_list ul:nth-child(2) .member_list_td {
        padding: 0 3px
    }
}

.management .project_content .member_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list .member_list_slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 663px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .management .project_content .member_list .member_list_slide {
        width: 59.48435%
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .member_list .member_list_slide {
        width: 59.48435%
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .management .project_content .member_list .member_list_slide .slick-prev {
        outline: none;
        position: absolute;
        top: 15px;
        left: 15px;
        z-index: 1;
        padding: 0;
        background-color: transparent;
        text-indent: -9999px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 8px 5px 0;
        border-color: transparent #393939 transparent transparent
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .member_list .member_list_slide .slick-prev {
        outline: none;
        position: absolute;
        top: 15px;
        left: 15px;
        z-index: 1;
        padding: 0;
        background-color: transparent;
        text-indent: -9999px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 8px 5px 0;
        border-color: transparent #393939 transparent transparent
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .management .project_content .member_list .member_list_slide .slick-next {
        outline: none;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 1;
        padding: 0;
        background-color: transparent;
        text-indent: -9999px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 8px;
        border-color: transparent transparent transparent #393939
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .member_list .member_list_slide .slick-next {
        outline: none;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 1;
        padding: 0;
        background-color: transparent;
        text-indent: -9999px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 8px;
        border-color: transparent transparent transparent #393939
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list .member_list_slide ul:nth-child(1) {
        width: 129px
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list .member_list_slide ul:nth-child(2) {
        width: 177px
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list .member_list_slide ul:nth-child(3) {
        width: 122px
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list .member_list_slide ul:nth-child(4) {
        width: 70px
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list .member_list_slide ul:nth-child(5) {
        width: 70px
    }
}

.management .project_content .member_list .member_list_slide ul:nth-child(6) {
    border-right: none
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list .member_list_slide ul:nth-child(6) {
        width: 90px
    }
}

.management .project_content .member_list .member_list_th {
    background-color: #ececec
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list .member_list_th {
        height: 32px;
        font-size: 12px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .management .project_content .member_list .member_list_th {
        height: 42px;
        font-size: 12px
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .member_list .member_list_th {
        height: 42px;
        font-size: 12px
    }
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list .member_list_td {
        height: 50px;
        font-size: 14px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .management .project_content .member_list .member_list_td {
        font-size: 11px;
        line-height: 1.63em;
        height: 60px
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .member_list .member_list_td {
        font-size: 11px;
        line-height: 1.63em;
        height: 60px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .management .project_content .member_list .member_list_td img {
        width: 64px;
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .member_list .member_list_td img {
        width: 29.72136%;
        height: auto
    }
}

.management .project_content .member_list .member_list_col {
    border-bottom: solid 1px #dcdcdc;
    word-break: break-word;
}

.management .project_content .member_list .member_list_col img {
    max-width: 64px;
    max-height: 64px;
}

.management .project_content .member_list .member_list_col:last-child {
    border-bottom: none
}

.management .project_content .member_list .member_list_row {
    border-right: solid 1px #dcdcdc
}

.management .project_content .member_list .member_list_row p {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 641px),
print {
    .management .project_content .member_list .member_list_row p {
        width: 6em;
        margin-left: 10px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .management .project_content .member_list .member_list_row p {
        width: 7em;
        margin-left: 10px
    }
}

@media screen and (max-width: 640px) {
    .management .project_content .member_list .member_list_row p {
        width: 7em;
        margin-left: 4.64396%
    }
}

@media screen and (min-width: 641px),
print {
    .management .modal_batch_send .modal_window {
        width: 640px
    }
}

@media screen and (max-width: 640px) {
    .management .modal_batch_send .modal_window {
        width: 91.46667%
    }
}

@media screen and (min-width: 641px),
print {
    .management .modal_batch_send .close_btn_b {
        display: none
    }
}

.management .batch_send {
    border: solid 1px #dcdcdc;
    background-color: #fff
}

.management .batch_send.edit {
    display: none
}

.management .batch_send_ttl {
    border-bottom: solid 1px #dcdcdc;
    background-color: #ececec
}

@media screen and (min-width: 641px),
print {
    .management .batch_send_ttl {
        margin-bottom: 24px;
        padding: 0 23px
    }

    .management .batch_send_ttl h5 {
        padding: 15px 0;
        font-size: 16px;
        line-height: 48px
    }
}

@media screen and (max-width: 640px) {
    .management .batch_send_ttl {
        margin-bottom: 20px;
        padding: 13px 5.53936%
    }

    .management .batch_send_ttl h5 {
        font-size: 14px;
        line-height: 1.57143
    }
}

@media screen and (min-width: 641px),
print {
    .management .batch_send_form {
        padding: 0 23px 32px
    }
}

@media screen and (max-width: 640px) {
    .management .batch_send_form {
        padding: 0 5.53936% 25px
    }
}

@media screen and (min-width: 641px),
print {
    .management .batch_send_form input[type="checkbox"] {
        margin: 0 12px 0 0
    }

    .management .batch_send_form input[type="checkbox"]+.checkbox_icon {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .management .batch_send_form input[type="checkbox"] {
        display: none
    }

    .management .batch_send_form input[type="checkbox"]+.checkbox_icon {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-right: 12px;
        background: no-repeat url(../images/sp_btn_check.png) 50% 0;
        background-size: 100% auto;
        vertical-align: middle
    }

    .management .batch_send_form input[type="checkbox"]:checked+.checkbox_icon {
        background-position: 50% 100%
    }
}

.management .batch_send_form .all_check label {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    .management .batch_send_form .all_check {
        margin-bottom: 16px;
        font-size: 14px
    }

    .management .batch_send_form .all_check label {
        width: 160px;
        height: 32px;
        padding: 7px 0 0 16px
    }
}

@media screen and (max-width: 640px) {
    .management .batch_send_form .all_check {
        margin-bottom: 20px;
        font-size: 14px
    }

    .management .batch_send_form .all_check label {
        height: 46px;
        padding: 8px 0 0 15px
    }
}

.management .batch_send_form ul {
    border-top: dashed 1px #b5b5b5
}

.management .batch_send_form ul li {
    border-bottom: dashed 1px #b5b5b5;
    font-size: 14px
}

.management .batch_send_form ul li label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 641px),
print {
    .management .batch_send_form ul {
        margin-bottom: 24px
    }

    .management .batch_send_form ul li {
        padding: 0 10px 0 17px
    }

    .management .batch_send_form ul li label {
        padding: 13px 0
    }
}

@media screen and (max-width: 640px) {
    .management .batch_send_form ul {
        margin-bottom: 20px
    }

    .management .batch_send_form ul li {
        padding: 0 10px 0 16px
    }

    .management .batch_send_form ul li label {
        padding: 16px 0
    }
}

.management .batch_send_form .send_btn {
    text-align: center
}

.management .batch_send_form .send_btn button {
    height: 40px;
    margin: 0 auto;
    border: solid 1px #1ec39a;
    background-color: #1ec39a;
    color: #fff;
    line-height: 1em;
    cursor: pointer
}

@media screen and (min-width: 641px),
print {
    .management .batch_send_form .send_btn button {
        width: 214px
    }

    .management .batch_send_form .send_btn button:hover {
        text-decoration: none;
        background-color: #fff;
        color: #1ec39a
    }
}

@media screen and (max-width: 640px) {
    .management .batch_send_form .send_btn button {
        width: 200px;
        font-size: 14px
    }
}

.management .batch_send_form h6 em {
    color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .management .batch_send_form h6 {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 640px) {
    .management .batch_send_form h6 {
        margin-bottom: 12px;
        font-size: 14px
    }
}

.management .batch_send_form .batch_send_users {
    overflow: auto;
    border: solid 1px #dcdcdc
}

.management .batch_send_form .batch_send_users p {
    font-size: 12px;
    line-height: 1.6
}

@media screen and (min-width: 641px),
print {
    .management .batch_send_form .batch_send_users {
        height: 86px;
        margin-bottom: 32px
    }

    .management .batch_send_form .batch_send_users p {
        padding: 20px 24px
    }
}

@media screen and (max-width: 640px) {
    .management .batch_send_form .batch_send_users {
        height: 100px;
        margin-bottom: 24px
    }

    .management .batch_send_form .batch_send_users p {
        padding: 13px 4.98339%
    }
}

.management .batch_send_form textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 641px),
print {
    .management .batch_send_form textarea {
        height: 194px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 640px) {
    .management .batch_send_form textarea {
        height: 132px;
        margin-bottom: 12px
    }
}

.management .batch_send_form .submit_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.management .batch_send_form .submit_btn a,
.management .batch_send_form .submit_btn button {
    line-height: 38px
}

@media screen and (max-width: 640px) {

    .management .batch_send_form .submit_btn a,
    .management .batch_send_form .submit_btn button {
        font-size: 14px
    }
}

.management .batch_send_form .submit_btn a {
    background-color: #1ec39a
}

@media screen and (min-width: 641px),
print {
    .management .batch_send_form .submit_btn a {
        width: 90px
    }

    .management .batch_send_form .submit_btn a:hover {
        text-decoration: none;
        border-color: #1ec39a;
        background-color: #fff;
        color: #1ec39a
    }
}

@media screen and (max-width: 640px) {
    .management .batch_send_form .submit_btn a {
        width: 80px
    }
}

.management .batch_send_form .submit_btn button {
    padding: 0;
    background-color: #ff574c;
    cursor: pointer
}

@media screen and (min-width: 641px),
print {
    .management .batch_send_form .submit_btn button {
        width: 160px
    }

    .management .batch_send_form .submit_btn button:hover {
        text-decoration: none;
        background-color: #fff;
        color: #ff574c
    }
}

@media screen and (max-width: 640px) {
    .management .batch_send_form .submit_btn button {
        width: 120px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_detail_wrap {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_detail_wrap {
        margin: 0 0 40px
    }
}

.project_detail .project_detail_head_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_detail_head_inner {
        margin-top: 24px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_detail_head_inner {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 91.46667%;
        margin: 12px auto
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_detail_head_inner .fav_btn {
        width: 288px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_detail_head_inner .fav_btn {
        display: none
    }
}

.project_detail .project_detail_head_inner .fav_btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.project_detail .project_detail_head_inner .fav_btn a:hover {
    text-decoration: none
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_detail_head_inner .fav_btn a {
        height: 30px;
        border: solid 1px #ff574c;
        border-radius: 16px;
        font-size: 14px
    }

    .project_detail .project_detail_head_inner .fav_btn a:hover {
        opacity: 0.6
    }
}

.project_detail .project_detail_head_inner .fav_btn a .remove {
    display: none
}

.project_detail .project_detail_head_inner .fav_btn a.cancel {
    background-color: #ff574c;
    color: #fff
}

.project_detail .project_detail_head_inner .fav_btn a.cancel span:before {
    background-position: right center
}

.project_detail .project_detail_head_inner .fav_btn a.cancel .add {
    display: none
}

.project_detail .project_detail_head_inner .fav_btn a.cancel .remove {
    display: inherit
}

.project_detail .project_detail_head_inner .fav_btn span {
    position: relative
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_detail_head_inner .fav_btn span {
        padding-left: 30px
    }
}

.project_detail .project_detail_head_inner .fav_btn span:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_detail_head_inner .fav_btn span:before {
        background: url(../images/icon_star.png) no-repeat left center;
        width: 19px;
        height: 18px
    }
}

.project_detail .kv_ticker {
    position: relative;
    overflow: hidden
}

.project_detail .kv_ticker p {
    background-color: #fff
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_ticker p {
        position: absolute
    }
}

.project_detail .kv_ticker a {
    display: block;
    border: solid 1px #dcdcdc;
    color: #393939
}

.project_detail .kv_ticker a:hover {
    text-decoration: none;
    opacity: 0.6
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_ticker {
        width: 156px
    }

    .project_detail .kv_ticker a {
        padding: 0 14px;
        font-size: 14px;
        line-height: 30px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .kv_ticker {
        height: 25px
    }

    .project_detail .kv_ticker a {
        padding: 0 8px;
        font-size: 12px;
        line-height: 23px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .account {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .project_detail .account {
        display: block;
        padding-bottom: 5px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .account a {
        color: #000;
        font-size: 14px;
        text-decoration: underline;
        position: relative;
        margin-left: 28px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .account a:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -28px;
        background: url(../images/profile_img.png) no-repeat center center;
        background-size: contain;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        border: solid 1px #dcdcdc;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_detail_head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .project_detail_head {
        display: block
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_block {
        width: 640px;
        padding-bottom: 20px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .kv_block {
        margin: 0 auto;
        padding-bottom: 0
    }
}

.project_detail .kv_block li {
    background-color: #cccccc
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_slider {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .kv_slider {
        margin-bottom: 8px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_slider li {
        height: 360px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .kv_slider li {
        height: 56.26667vw
    }
}

.project_detail .kv_slider li.video {
    position: relative;
    cursor: pointer
}

.project_detail .kv_slider li.video:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/icon_play.png) no-repeat 0 0
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_slider li.video:before {
        width: 120px;
        height: 120px
    }

    .project_detail .kv_slider li.video:hover:before {
        background-position: 100% 0
    }
}

@media screen and (max-width: 640px) {
    .project_detail .kv_slider li.video:before {
        width: 16%;
        height: 0;
        padding-bottom: 16%;
        background-size: 200% 100%
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_slider img {
        width: 640px;
        height: auto
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .kv_slider img {
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .project_detail .kv_slider img {
        width: 100vw;
        height: auto
    }
}

.project_detail .kv_sub_slider {
    position: relative
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_sub_slider {
        width: 610px;
        margin: 0 auto 23px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .kv_sub_slider {
        width: 95.3125%
    }
}

@media screen and (max-width: 640px) {
    .project_detail .kv_sub_slider {
        width: 84.53333vw;
        margin: 0 auto 15px
    }
}

.project_detail .kv_sub_slider li {
    cursor: pointer;
    overflow: hidden
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_sub_slider li {
        width: 80px;
        height: 45px;
        border-radius: 4px;
        margin-right: 8px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .kv_sub_slider li {
        width: 15.2vw;
        height: 8.53333vw;
        border-radius: .53333vw;
        margin-right: 2.13333vw
    }
}

.project_detail .kv_sub_slider li img {
    height: auto
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_sub_slider li img {
        width: 80px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .kv_sub_slider li img {
        width: 15.2vw
    }
}

.project_detail .kv_sub_slider .slick-arrow {
    text-indent: -9999px;
    border: none;
    display: block;
    padding: 0;
    position: absolute;
    bottom: 0;
    outline: none;
    cursor: pointer
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_sub_slider .slick-arrow {
        width: 16px;
        height: 45px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .kv_sub_slider .slick-arrow {
        width: 7.73333vw;
        height: 8.53333vw
    }
}

.project_detail .kv_sub_slider .slick-prev {
    background: url(../images/project_detail_slide_prev.png) no-repeat left center
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_sub_slider .slick-prev {
        background-size: 6px 10px;
        left: -16px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .kv_sub_slider .slick-prev {
        background-size: 1.33333vw 2.13333vw;
        background-position: 3.2vw center;
        left: -7.73333vw
    }
}

.project_detail .kv_sub_slider .slick-next {
    background: url(../images/project_detail_slide_next.png) no-repeat right center
}

@media screen and (min-width: 641px),
print {
    .project_detail .kv_sub_slider .slick-next {
        background-size: 6px 10px;
        right: -16px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .kv_sub_slider .slick-next {
        background-size: 1.33333vw 2.13333vw;
        background-position: right 3.2vw center;
        right: -7.73333vw
    }
}

.project_detail .kv_line {
    margin: 0 0 12px;
    border: 0;
    border-bottom: dotted 1px #b5b5b5
}

@media screen and (max-width: 640px) {
    .project_detail .kv_line {
        display: none
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_lead {
        font-size: 24px;
        line-height: 1.58em
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .project_lead {
        font-size: 14px;
        line-height: 1.58em;
        width: 91.46667%;
        margin: 0 auto 15px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_lead {
        font-size: 14px;
        line-height: 1.58em;
        width: 91.46667%;
        margin: 10px auto 15px
    }
}

.project_detail .project_desc {
    color: #393939
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_desc {
        margin-top: 10px;
        font-size: 15px;
        line-height: normal
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_desc {
        width: 91.46667%;
        margin: 0 auto 15px;
        font-size: 12px;
        line-height: 1.58em
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .data_block {
        width: 288px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .data_block {
        width: auto
    }
}

.project_detail .graph_data {
    background-color: #ffffff;
    text-align: center
}

@media screen and (min-width: 641px),
print {
    .project_detail .graph_data {
        border: solid 1px #dcdcdc;
        padding: 24px 0;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .graph_data {
        position: relative;
        border-top: solid 1px #dcdcdc;
        border-bottom: solid 1px #dcdcdc;
        padding: 32px 16px 24px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data {
        position: relative;
        border-top: solid 1px #dcdcdc;
        border-bottom: solid 1px #dcdcdc;
        padding: 16px 16px 12px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .graph_data .amount_wrap {
        margin-bottom: 14px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .graph_data .amount_wrap {
        width: 70.26239%;
        padding-bottom: 10px;
        border-bottom: solid 1px #dcdcdc
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data .amount_wrap {
        margin-right: 102px;
        padding-bottom: 10px;
        border-bottom: solid 1px #dcdcdc
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .graph_data .amount_inner {
        margin-top: 5px;
        margin-bottom: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data .amount_inner {
        margin-top: 5px;
        margin-bottom: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.project_detail .graph_data .amount_label {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .project_detail .graph_data .amount_label {
        font-size: 14px;
        margin-bottom: 9px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .graph_data .amount_label {
        font-size: 10px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data .amount_label {
        font-size: 10px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .graph_data .amount_data {
        font-size: 30px;
        margin-bottom: 12px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .graph_data .amount_data {
        font-size: 20px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data .amount_data {
        font-size: 20px
    }
}

@media screen and (max-width: 374px) {
    .project_detail .graph_data .amount_data {
        font-size: 4.8vw
    }
}

.project_detail .graph_data .target_amount {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .project_detail .graph_data .target_amount {
        font-size: 12px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .graph_data .target_amount {
        font-size: 10px;
        text-align: right
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data .target_amount {
        font-size: 10px;
        text-align: right
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .graph_data .graph {
        height: 160px;
        margin-bottom: 15px
    }

    .project_detail .graph_data .graph .rate_val {
        width: 112px;
        height: 112px;
        font-size: 20px;
        line-height: 112px
    }

    .project_detail .graph_data .graph .rate_val .value {
        font-size: 32px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .graph_data .graph {
        position: absolute;
        top: 0;
        right: 16px;
        bottom: 0;
        height: 160px;
        margin: auto 0
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data .graph {
        position: absolute;
        top: 0;
        right: 16px;
        bottom: 0;
        height: 80px;
        margin: auto 0
    }

    .project_detail .graph_data .graph .rate_val {
        width: 52px;
        height: 52px;
        font-size: 10px;
        line-height: 50px
    }

    .project_detail .graph_data .graph .rate_val .value {
        font-size: 14px
    }
}

.project_detail .graph_data .data_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .graph_data .data_inner {
        width: 70.26239%
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data .data_inner {
        margin-right: 102px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .graph_data .data_inner li {
        width: 144px;
        height: 44px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data .data_inner li {
        height: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.project_detail .graph_data .data_inner li:nth-child(1) {
    border-right: solid 1px #dcdcdc
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .graph_data .data_inner li:nth-child(1) {
        width: 39.41909%
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data .data_inner li:nth-child(1) {
        width: 39.41909%;
        padding-right: 11px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .graph_data .data_inner li:nth-child(2) {
        width: 60.16598%
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data .data_inner li:nth-child(2) {
        width: 60.16598%;
        padding-left: 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.project_detail .graph_data .data_inner .label {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .project_detail .graph_data .data_inner .label {
        font-size: 14px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data .data_inner .label {
        font-size: 10px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .graph_data .data_inner .data {
        font-size: 20px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data .data_inner .data {
        font-size: 14px
    }
}

@media screen and (max-width: 374px) {
    .project_detail .graph_data .data_inner .data {
        font-size: 3.2vw;
        letter-spacing: -0.05em
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .graph_data.fanclub_data {
        padding: 24px 0
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data.fanclub_data {
        padding: 20px 0
    }
}

.project_detail .graph_data.fanclub_data .fanclub_data_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.project_detail .graph_data.fanclub_data .fanclub_data_wrap .label {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .project_detail .graph_data.fanclub_data .fanclub_data_wrap .label {
        font-size: 14px;
        margin-right: 30px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .graph_data.fanclub_data .fanclub_data_wrap .label {
        font-size: 10px;
        margin-right: 25px
    }
}

.project_detail .graph_data.fanclub_data .fanclub_data_wrap .data {
    font-size: 20px
}

@media screen and (max-width: 640px) {
    .project_detail .support_btn {
        width: 91.46667%;
        margin: 0 auto
    }
}

.project_detail .support_btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px
}

@media screen and (min-width: 641px),
print {
    .project_detail .support_btn a {
        height: 72px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .support_btn a {
        height: 60px
    }
}

.project_detail .support_btn_sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
    height: 48px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out
}

@media screen and (min-width: 641px),
print {
    .project_detail .support_btn_sp {
        display: none
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .support_btn_sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.project_detail .support_btn_sp .close_btn {
    position: relative;
    z-index: 1;
    width: 24px;
    background: url(../images/sp_arrow_left_white.png) no-repeat 47.36842% 50% #ff1e17;
    background-size: 5px 8px;
    text-indent: -9999px;
    cursor: pointer
}

.project_detail .support_btn_sp .btn_group {
    width: 240px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.project_detail .support_btn_sp .btn_group a {
    height: 48px;
    margin-left: 16px;
    font-size: 16px
}

.project_detail .support_btn_sp.close .close_btn {
    background-image: url(../images/sp_arrow_right_white.png);
    background-position: 52.63158% 50%
}

.project_detail .support_btn_sp.close .btn_group {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@media screen and (min-width: 641px),
print {
    .project_detail .fixed .support_btn {
        position: fixed;
        top: 0;
        left: 50%;
        z-index: 1;
        width: 288px;
        margin-left: 192px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .fixed .support_btn {
        position: static;
        top: inherit;
        left: inherit;
        width: inherit;
        margin-left: inherit
    }
}

.project_detail .fixed .support_btn_sp {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (min-width: 641px),
print {
    .project_detail .support_notes {
        margin-top: 15px;
        font-size: 12px;
        line-height: 1.66em
    }
}

@media screen and (max-width: 640px) {
    .project_detail .support_notes {
        font-size: 12px;
        line-height: 1.58em;
        width: 91.46667%;
        margin: 10px auto 17px
    }
}

.project_detail .support_notes span {
    color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .project_detail .share_btn {
        position: fixed;
        top: 224px;
        right: 10px;
        z-index: 1
    }
}

@media screen and (max-width: 640px) {
    .project_detail .share_btn {
        width: 91.46667%;
        margin: 0 auto 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .share_btn li {
        width: 40px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .share_btn li {
        width: 11.73333vw
    }
}

.project_detail .share_btn a {
    display: block
}

@media screen and (min-width: 641px),
print {
    .project_detail .share_btn a {
        height: 40px
    }

    .project_detail .share_btn a svg:hover .cls_tw_1,
    .project_detail .share_btn a svg:hover .cls_fb_1,
    .project_detail .share_btn a svg:hover .cls_line_1,
    .project_detail .share_btn a svg:hover .cls_copy_1 {
        fill: #fff
    }

    .project_detail .share_btn a svg:hover .cls_tw_2 {
        fill: #1da1f2
    }

    .project_detail .share_btn a svg:hover .cls_fb_2 {
        fill: #2a5b9f
    }

    .project_detail .share_btn a svg:hover .cls_line_2 {
        fill: #00c300
    }

    .project_detail .share_btn a svg:hover .cls_copy_2 {
        fill: #555
    }
}

@media screen and (max-width: 640px) {
    .project_detail .share_btn a {
        height: 11.73333vw
    }
}

.project_detail .share_btn a img,
.project_detail .share_btn a svg {
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.project_detail .share_btn .copy_btn {
    position: relative
}

.project_detail .share_btn .copy_btn .copy_link {
    display: none;
    position: absolute;
    top: -30px;
    width: 110px;
    margin: 0 auto;
    background: #ececec;
    border-radius: 4px;
    font-size: 10px;
    font-weight: normal;
    line-height: 2em;
    text-align: center;
    -webkit-animation: fadeInUp 0.4s ease-out;
    animation: fadeInUp 0.4s ease-out
}

.project_detail .share_btn .copy_btn .copy_link.hide {
    -webkit-animation: fadeOutUp 0.4s ease-out forwards;
    animation: fadeOutUp 0.4s ease-out forwards
}

.project_detail .share_btn .copy_btn .copy_link:before {
    content: "";
    position: absolute;
    bottom: -10px;
    width: 0;
    border: solid 5px #ececec;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}

@media screen and (min-width: 641px),
print {
    .project_detail .share_btn .copy_btn .copy_link {
        right: 0
    }

    .project_detail .share_btn .copy_btn .copy_link:before {
        right: 16px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .share_btn .copy_btn .copy_link {
        left: -33px
    }

    .project_detail .share_btn .copy_btn .copy_link:before {
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .share_btn .fav_btn {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .project_detail .share_btn .fav_btn {
        width: 31.46667vw
    }

    .project_detail .share_btn .fav_btn a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 11.73333vw;
        border: solid 1px #ff574c;
        border-radius: 5.86667vw;
        font-size: 14px;
        font-size: 3.73333vw
    }

    .project_detail .share_btn .fav_btn a.cancel {
        background-color: #ff574c;
        color: #fff
    }

    .project_detail .share_btn .fav_btn a.cancel span:before {
        background-position: right center
    }

    .project_detail .share_btn .fav_btn span {
        padding-left: 6.93333vw;
        position: relative
    }

    .project_detail .share_btn .fav_btn span:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: url(../images/sp_icon_star.png) no-repeat;
        background-size: 200% 100%;
        width: 5.06667vw;
        height: 4.8vw
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_detail_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .project_detail_content {
        display: block
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article {
        width: 640px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .project_article {
        width: auto
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article {
        margin-bottom: 40px
    }
}

.project_detail .project_article .nav_tabs {
    margin-bottom: 0
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .nav_tabs a {
        text-decoration: none;
        outline: none
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .nav_tabs ul li a {
        padding-left: 40px;
        padding-right: 40px
    }
}

.project_detail .project_article .article_inner {
    background-color: #ffffff;
    border-bottom: solid 1px #dcdcdc;
    display: none
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner {
        border-right: solid 1px #dcdcdc;
        border-left: solid 1px #dcdcdc
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner {
        position: relative
    }
}

.project_detail .project_article .article_inner.now {
    display: block
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner {
        padding: 40px;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner {
        padding: 20px 4.26667%
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .js-accordion-content {
        max-height: 156px;
        overflow: hidden;
        -webkit-transition: all 1s;
        transition: all 1s
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner.project_article_inner p {
        font-size: 16px;
        line-height: 1.5
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner.project_article_inner p {
        font-size: 12px;
        line-height: 1.5
    }
}

.project_detail .project_article .article_inner.project_article_inner p img {
    width: 100%;
    height: auto
}

.project_detail .project_article .article_inner.project_article_inner .detail {
    margin-bottom: 0
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner.project_article_inner .detail {
        font-size: 12px;
        line-height: 1.66em
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner.project_article_inner .detail {
        font-size: 10px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner.support_inner {
        background-color: transparent;
        border-bottom: none;
        padding: 0
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner.support_inner .pager {
        margin-top: 24px
    }
}

.project_detail .project_article .article_inner .activity_block {
    border-top: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .activity_block {
        padding-top: 24px;
        margin-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .activity_block {
        padding-top: 20px;
        margin-bottom: 40px
    }
}

.project_detail .project_article .article_inner .activity_block .activity_tag {
    color: #888;
    line-height: 1em;
    display: inline-block;
    border: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .activity_block .activity_tag {
        font-size: 14px;
        padding: 8px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .activity_block .activity_tag {
        font-size: 12px;
        padding: 4px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .activity_block .activity_title {
        font-size: 20px;
        line-height: 1.6em;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .activity_block .activity_title {
        font-size: 16px;
        line-height: 1.625em;
        margin-bottom: 20px
    }
}

.project_detail .project_article .article_inner .activity_block .activity_article {
    border-top: dotted 1px #b5b5b5;
    border-bottom: dotted 1px #b5b5b5
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .activity_block .activity_article {
        padding: 30px 0;
        font-size: 16px;
        line-height: 1.75em;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .activity_block .activity_article {
        padding: 20px 0;
        font-size: 12px;
        line-height: 1.58em;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .activity_block .activity_article p {
        margin-bottom: 23px
    }
}

.project_detail .project_article .article_inner .activity_block .activity_article p:last-child {
    margin-bottom: 0
}

.project_detail .project_article .article_inner .activity_block .activity_log {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.project_detail .project_article .article_inner .activity_block .activity_log p {
    line-height: 1em;
    margin-bottom: 0
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .activity_block .activity_log p {
        font-size: 12px;
        line-height: 1.58em
    }
}

.project_detail .project_article .article_inner .activity_block .activity_log .date {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .activity_block .activity_log .date {
        font-size: 14px;
        margin-right: 16px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .activity_block .activity_log .date {
        font-size: 12px;
        margin-right: 14px
    }
}

.project_detail .project_article .article_inner .activity_block .activity_log .comment a {
    line-height: 1em;
    color: #1ec39a;
    display: inline-block;
    vertical-align: top
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .activity_block .activity_log .comment a {
        font-size: 14px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .activity_block .activity_log .comment a {
        font-size: 12px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .msg_block {
        border-top: solid 1px #dcdcdc;
        margin-bottom: 40px
    }
}

.project_detail .project_article .article_inner .msg_block li {
    border-bottom: solid 1px #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .msg_block li {
        padding: 32px 0
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .msg_block li {
        background-color: #ffffff;
        padding: 13px 4.26667%
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .msg_block .msg_wrap {
        width: 475px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .msg_block .msg_wrap {
        width: 80.17493%
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .msg_block .account_img {
        width: 15.16035%
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .msg_block .account_img img {
        width: 100%;
        height: auto
    }
}

.project_detail .project_article .article_inner .msg_block .msg_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .msg_block .msg_inner {
        margin-bottom: 25px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .msg_block .msg_inner {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .msg_block .msg_user_name {
        font-size: 16px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .msg_block .msg_user_name {
        font-size: 14px
    }
}

.project_detail .project_article .article_inner .msg_block .msg_post_date {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .msg_block .msg_post_date {
        font-size: 14px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .msg_block .msg_post_date {
        font-size: 12px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .article_inner .msg_block .msg_txt {
        font-size: 14px;
        line-height: 1.71em
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .article_inner .msg_block .msg_txt {
        font-size: 12px;
        line-height: 1.58
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .accordion_btn {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .accordion_btn a {
        font-size: 12px;
        color: #393939;
        border: solid 1px #393939;
        background-color: #ffffff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 32px;
        width: 100px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .accordion_btn.more {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .accordion_btn.more {
        position: absolute;
        bottom: 20px;
        width: 91.46667%;
        height: 51px;
        padding-top: 19px;
        margin-bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, #fff), to(#fff));
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%)
    }
}

.project_detail .project_article .accordion_btn.close {
    display: none
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .accordion_btn.close {
        margin-top: 20px
    }
}

.project_detail .project_article .article_inner.is-open .more {
    display: none
}

.project_detail .project_article .article_inner.is-open .close {
    display: block
}

.project_detail .project_article .article_inner.is-open .project_return_inner {
    max-height: 10000px
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .other_btn {
        width: 640px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .project_article .other_btn {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article .other_btn {
        display: none
    }
}

.project_detail .project_article .other_btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: solid 1px transparent;
    background-color: #ff574c;
    color: #fff;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article .other_btn a {
        font-size: 18px;
        height: 64px
    }

    .project_detail .project_article .other_btn a:hover {
        border-color: #ff574c;
        background-color: #fff;
        color: #ff574c;
        text-decoration: none
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article {
        font-size: 16px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article {
        font-size: 12px
    }
}

.project_detail .project_article p {
    line-height: 1.5
}

.project_detail .project_article strong {
    font-weight: 700
}

.project_detail .project_article em {
    font-style: italic
}

.project_detail .project_article .clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.project_detail .project_article .hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.project_detail .project_article img.fr-rounded,
.project_detail .project_article .fr-img-caption.fr-rounded img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.project_detail .project_article img.fr-bordered,
.project_detail .project_article .fr-img-caption.fr-bordered img {
    border: solid 5px #CCC
}

.project_detail .project_article img.fr-bordered {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.project_detail .project_article .fr-img-caption.fr-bordered img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.project_detail .project_article img.fr-shadow,
.project_detail .project_article .fr-img-caption.fr-shadow img {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16)
}

.project_detail .project_article .fr-view {
    word-wrap: break-word
}

.project_detail .project_article .fr-view .fr-file {
    position: relative
}

.project_detail .project_article .fr-view .fr-file::after {
    position: relative;
    content: "\1F4CE";
    font-weight: normal
}

.project_detail .project_article .fr-view pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible
}

.project_detail .project_article .fr-view .fr-text-gray {
    color: #AAA !important
}

.project_detail .project_article .fr-view .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
}

.project_detail .project_article .fr-view .fr-text-spaced {
    letter-spacing: 1px
}

.project_detail .project_article .fr-view .fr-text-uppercase {
    text-transform: uppercase
}

.project_detail .project_article .fr-view .fr-class-highlighted {
    background-color: #ffff00
}

.project_detail .project_article .fr-view .fr-class-code {
    border-color: #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: "Courier New", Courier, monospace
}

.project_detail .project_article .fr-view .fr-class-transparency {
    opacity: 0.5
}

.project_detail .project_article .fr-view img {
    position: relative;
    max-width: 100%
}

.project_detail .project_article .fr-view img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.project_detail .project_article .fr-view img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.project_detail .project_article .fr-view img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.project_detail .project_article .fr-view img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.project_detail .project_article .fr-view img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.project_detail .project_article .fr-view img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.project_detail .project_article .fr-view span.fr-img-caption {
    position: relative;
    max-width: 100%
}

.project_detail .project_article .fr-view span.fr-img-caption.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.project_detail .project_article .fr-view span.fr-img-caption.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.project_detail .project_article .fr-view span.fr-img-caption.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.project_detail .project_article .fr-view span.fr-img-caption.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.project_detail .project_article .fr-view span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.project_detail .project_article .fr-view span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.project_detail .project_article .fr-view a.fr-strong {
    font-weight: 700
}

.project_detail .project_article .fr-view a.fr-green {
    color: green
}

.project_detail .project_article .fr-view .fr-img-caption {
    text-align: center
}

.project_detail .project_article .fr-view .fr-img-caption .fr-img-wrap {
    padding: 0px;
    display: inline-block;
    margin: auto;
    text-align: center;
    width: 100%
}

.project_detail .project_article .fr-view .fr-img-caption .fr-img-wrap img {
    display: block;
    margin: auto;
    width: 100%
}

.project_detail .project_article .fr-view .fr-img-caption .fr-img-wrap>span {
    margin: auto;
    display: block;
    padding: 5px 5px 10px;
    font-size: 14px;
    font-weight: initial;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    text-align: center
}

.project_detail .project_article .fr-view button.fr-rounded,
.project_detail .project_article .fr-view input.fr-rounded,
.project_detail .project_article .fr-view textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.project_detail .project_article .fr-view button.fr-large,
.project_detail .project_article .fr-view input.fr-large,
.project_detail .project_article .fr-view textarea.fr-large {
    font-size: 24px
}

.project_detail .project_article a.fr-view.fr-strong {
    font-weight: 700
}

.project_detail .project_article a.fr-view.fr-green {
    color: green
}

.project_detail .project_article img.fr-view {
    position: relative;
    max-width: 100%
}

.project_detail .project_article img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.project_detail .project_article img.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.project_detail .project_article img.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.project_detail .project_article img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.project_detail .project_article img.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.project_detail .project_article img.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.project_detail .project_article span.fr-img-caption.fr-view {
    position: relative;
    max-width: 100%
}

.project_detail .project_article span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.project_detail .project_article span.fr-img-caption.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.project_detail .project_article span.fr-img-caption.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.project_detail .project_article span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.project_detail .project_article span.fr-img-caption.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.project_detail .project_article span.fr-img-caption.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.project_detail .project_article h3 {
    margin-top: 1.2em;
    margin-bottom: 0.6em;
    line-height: 1.5
}

.project_detail .project_article h3:first-child {
    margin-top: 0
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_article h3 {
        font-size: 20px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_article h3 {
        font-size: 14px
    }
}

@media screen and (min-width: 641px),
print {

    .project_detail .project_article .under_line_black,
    .project_detail .project_article .under_line_gray,
    .project_detail .project_article .under_line_green,
    .project_detail .project_article .under_line_red {
        padding-bottom: 10px;
        border-bottom: solid 4px
    }
}

@media screen and (max-width: 640px) {

    .project_detail .project_article .under_line_black,
    .project_detail .project_article .under_line_gray,
    .project_detail .project_article .under_line_green,
    .project_detail .project_article .under_line_red {
        padding-bottom: 8px;
        border-bottom: solid 2px
    }
}

.project_detail .project_article .under_line_black {
    border-color: #393939
}

.project_detail .project_article .under_line_gray {
    border-color: #b5b5b5
}

.project_detail .project_article .under_line_green {
    border-color: #1ec39a
}

.project_detail .project_article .under_line_red {
    border-color: #ff574c
}

@media screen and (min-width: 641px),
print {

    .project_detail .project_article .left_line_black,
    .project_detail .project_article .left_line_gray,
    .project_detail .project_article .left_line_green,
    .project_detail .project_article .left_line_red {
        padding: 5px 16px;
        border-left: solid 8px
    }
}

@media screen and (max-width: 640px) {

    .project_detail .project_article .left_line_black,
    .project_detail .project_article .left_line_gray,
    .project_detail .project_article .left_line_green,
    .project_detail .project_article .left_line_red {
        padding: 4px 12px;
        border-left: solid 4px
    }
}

.project_detail .project_article .left_line_black {
    border-color: #393939
}

.project_detail .project_article .left_line_gray {
    border-color: #b5b5b5
}

.project_detail .project_article .left_line_green {
    border-color: #1ec39a
}

.project_detail .project_article .left_line_red {
    border-color: #ff574c
}

@media screen and (min-width: 641px),
print {

    .project_detail .project_article .tb_line_black,
    .project_detail .project_article .tb_line_gray,
    .project_detail .project_article .tb_line_green,
    .project_detail .project_article .tb_line_red {
        padding: 6px 24px;
        border-top: solid 4px;
        border-bottom: solid 4px
    }
}

@media screen and (max-width: 640px) {

    .project_detail .project_article .tb_line_black,
    .project_detail .project_article .tb_line_gray,
    .project_detail .project_article .tb_line_green,
    .project_detail .project_article .tb_line_red {
        padding: 6px 20px;
        border-top: solid 2px;
        border-bottom: solid 2px
    }
}

.project_detail .project_article .tb_line_black {
    border-color: #393939
}

.project_detail .project_article .tb_line_gray {
    border-color: #b5b5b5
}

.project_detail .project_article .tb_line_green {
    border-color: #1ec39a
}

.project_detail .project_article .tb_line_red {
    border-color: #ff574c
}

.project_detail .project_article .bg_black,
.project_detail .project_article .bg_gray,
.project_detail .project_article .bg_green,
.project_detail .project_article .bg_red {
    color: #fff
}

@media screen and (min-width: 641px),
print {

    .project_detail .project_article .bg_black,
    .project_detail .project_article .bg_gray,
    .project_detail .project_article .bg_green,
    .project_detail .project_article .bg_red {
        padding: 5px 16px
    }
}

@media screen and (max-width: 640px) {

    .project_detail .project_article .bg_black,
    .project_detail .project_article .bg_gray,
    .project_detail .project_article .bg_green,
    .project_detail .project_article .bg_red {
        padding: 4px 16px
    }
}

.project_detail .project_article .bg_black {
    background-color: #393939
}

.project_detail .project_article .bg_gray {
    background-color: #b5b5b5
}

.project_detail .project_article .bg_green {
    background-color: #1ec39a
}

.project_detail .project_article .bg_red {
    background-color: #ff574c
}

.project_detail .project_article .radius_black,
.project_detail .project_article .radius_gray,
.project_detail .project_article .radius_green,
.project_detail .project_article .radius_red {
    border-radius: 9999px;
    color: #fff
}

@media screen and (min-width: 641px),
print {

    .project_detail .project_article .radius_black,
    .project_detail .project_article .radius_gray,
    .project_detail .project_article .radius_green,
    .project_detail .project_article .radius_red {
        padding: 5px 24px
    }
}

@media screen and (max-width: 640px) {

    .project_detail .project_article .radius_black,
    .project_detail .project_article .radius_gray,
    .project_detail .project_article .radius_green,
    .project_detail .project_article .radius_red {
        padding: 4px 20px
    }
}

.project_detail .project_article .radius_black {
    background-color: #393939
}

.project_detail .project_article .radius_gray {
    background-color: #b5b5b5
}

.project_detail .project_article .radius_green {
    background-color: #1ec39a
}

.project_detail .project_article .radius_red {
    background-color: #ff574c
}

.project_detail .project_article .balloon_black,
.project_detail .project_article .balloon_gray,
.project_detail .project_article .balloon_green,
.project_detail .project_article .balloon_red {
    position: relative;
    margin-bottom: 1em;
    border-radius: 8px;
    color: #fff
}

.project_detail .project_article .balloon_black:before,
.project_detail .project_article .balloon_gray:before,
.project_detail .project_article .balloon_green:before,
.project_detail .project_article .balloon_red:before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    width: 0;
    height: 0;
    border-style: solid
}

@media screen and (min-width: 641px),
print {

    .project_detail .project_article .balloon_black,
    .project_detail .project_article .balloon_gray,
    .project_detail .project_article .balloon_green,
    .project_detail .project_article .balloon_red {
        padding: 5px 16px
    }

    .project_detail .project_article .balloon_black:before,
    .project_detail .project_article .balloon_gray:before,
    .project_detail .project_article .balloon_green:before,
    .project_detail .project_article .balloon_red:before {
        bottom: -16px;
        border-width: 16px 16px 0 0
    }
}

@media screen and (max-width: 640px) {

    .project_detail .project_article .balloon_black,
    .project_detail .project_article .balloon_gray,
    .project_detail .project_article .balloon_green,
    .project_detail .project_article .balloon_red {
        padding: 4px 16px
    }

    .project_detail .project_article .balloon_black:before,
    .project_detail .project_article .balloon_gray:before,
    .project_detail .project_article .balloon_green:before,
    .project_detail .project_article .balloon_red:before {
        bottom: -12px;
        border-width: 12px 12px 0 0
    }
}

.project_detail .project_article .balloon_black {
    background-color: #393939
}

.project_detail .project_article .balloon_black:before {
    border-color: #393939 transparent transparent transparent
}

.project_detail .project_article .balloon_gray {
    background-color: #b5b5b5
}

.project_detail .project_article .balloon_gray:before {
    border-color: #b5b5b5 transparent transparent transparent
}

.project_detail .project_article .balloon_green {
    background-color: #1ec39a
}

.project_detail .project_article .balloon_green:before {
    border-color: #1ec39a transparent transparent transparent
}

.project_detail .project_article .balloon_red {
    background-color: #ff574c
}

.project_detail .project_article .balloon_red:before {
    border-color: #ff574c transparent transparent transparent
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info {
        width: 288px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .project_info {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 0 auto 15px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 91.46667%;
        margin: 0 auto 15px
    }
}

.project_detail .project_info .project_manager {
    background-color: #fff
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .project_manager {
        margin-top: 46px;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .project_manager {
        border: solid 1px #dcdcdc;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .profile {
        border: solid 1px #dcdcdc;
        border-bottom: none;
        padding: 32px 23px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .profile {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .profile_img {
        width: 128px;
        margin: 0 auto 18px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .profile_img {
        width: 140px;
        border-radius: 70px;
        overflow: hidden;
        margin: -70px auto 20px
    }

    .project_detail .project_info .profile_img img {
        width: 100%;
        height: auto
    }
}

.project_detail .project_info .profile_name {
    text-align: center
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .profile_name {
        font-size: 16px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .profile_name {
        font-size: 20px;
        margin-bottom: 20px
    }
}

.project_detail .project_info .profile_status {
    position: relative;
    border-top: solid 1px #dcdcdc;
    border-bottom: solid 1px #dcdcdc;
    font-size: 14px;
    background: url(../images/project_return_dot.gif) repeat left center;
    background-size: 4px 4px;
    overflow: hidden
}

.project_detail .project_info .profile_status span {
    display: block;
    position: absolute;
    white-space: nowrap
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .profile_status {
        line-height: 30px;
        width: 240px;
        height: 30px;
        margin-bottom: 24px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .project_info .profile_status {
        width: auto
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .profile_status {
        line-height: 32px;
        height: 32px;
        margin-bottom: 15px
    }
}

.project_detail .project_info .profile_intro {
    font-size: 14px;
    line-height: 1.71em
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .profile_intro {
        margin-bottom: 24px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .profile_intro {
        margin-bottom: 17px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .tw_link {
        margin-bottom: 12px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .tw_link {
        margin-bottom: 8px
    }
}

.project_detail .project_info .tw_link a {
    color: #1da1f2;
    position: relative;
    font-size: 14px
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .tw_link a {
        padding-left: 23px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .tw_link a {
        padding-left: 25px
    }
}

.project_detail .project_info .tw_link a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/icon_tw.png) no-repeat left center;
    background-size: contain;
    width: 18px;
    height: 14px
}

.project_detail .project_info .copy_link a {
    color: #393939;
    position: relative;
    font-size: 14px
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .copy_link a {
        padding-left: 23px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .copy_link a {
        padding-left: 25px
    }
}

.project_detail .project_info .copy_link a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/icon_copy.png) no-repeat left center;
    background-size: contain;
    width: 12px;
    height: 16px
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .letterpot {
        border: solid 1px #dcdcdc;
        padding: 20px 24px 24px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .letterpot {
        padding: 15px 18px 21px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: solid 1px #dcdcdc
    }
}

.project_detail .project_info .letterpot .letterpot_label {
    color: #e9542e;
    text-align: center;
    position: relative
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .letterpot .letterpot_label {
        font-size: 16px;
        padding-top: 52px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .letterpot .letterpot_label {
        font-size: 14px;
        padding-top: 37px;
        margin-bottom: 17px
    }
}

.project_detail .project_info .letterpot .letterpot_label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/logo_letterpot.png) no-repeat left center;
    background-size: contain
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .letterpot .letterpot_label:before {
        width: 32px;
        height: 34px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .letterpot .letterpot_label:before {
        width: 23px;
        height: 24px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .letterpot .letterpot_data {
        border-top: dotted 1px #b5b5b5
    }
}

.project_detail .project_info .letterpot .letterpot_data li {
    border-bottom: dotted 1px #b5b5b5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .letterpot .letterpot_data li {
        height: 45px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .letterpot .letterpot_data li {
        height: 44px
    }

    .project_detail .project_info .letterpot .letterpot_data li:last-child {
        border-bottom: none
    }
}

.project_detail .project_info .letterpot .letterpot_data span {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .letterpot .letterpot_data span {
        font-size: 11px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .letterpot .letterpot_data span {
        font-size: 10px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_info .letterpot .letterpot_data p {
        font-size: 14px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_info .letterpot .letterpot_data p {
        font-weight: bold;
        font-size: 12px
    }
}

.project_detail .project_return {
    position: relative
}

@media screen and (max-width: 640px) {
    .project_detail .project_return {
        margin-bottom: 130px
    }
}

.project_detail .project_return .return_label {
    font-weight: bold
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .return_label {
        font-size: 16px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return .return_label {
        font-size: 18px;
        margin-bottom: 20px
    }
}

.project_detail .project_return .project_return_items {
    overflow: hidden
}

.project_detail .project_return .project_return_block {
    background-color: #ffffff;
    border-right: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc;
    border-bottom: solid 1px #dcdcdc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .project_return_block {
        border-top: solid 6px #393939;
        padding: 32px 22px 24px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return .project_return_block {
        border-top: solid 3px #393939;
        padding: 20px;
        margin-bottom: 32px
    }
}

.project_detail .project_return .project_return_block:last-child {
    margin-bottom: 0
}

.project_detail .project_return .project_return_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .project_return_price {
        margin-bottom: 17px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return .project_return_price {
        margin-bottom: 12px
    }
}

.project_detail .project_return .project_return_price .price {
    font-weight: bold
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .project_return_price .price {
        font-size: 22px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return .project_return_price .price {
        font-size: 18px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .project_return_price .price span {
        font-size: 12px
    }
}

.project_detail .project_return .project_return_price .remaining {
    font-size: 12px
}

.project_detail .project_return .project_return_price .remaining span {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .project_return_img {
        margin-bottom: 16px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .project_return .project_return_img {
        margin-bottom: 15px
    }

    .project_detail .project_return .project_return_img img {
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return .project_return_img {
        margin-bottom: 15px
    }

    .project_detail .project_return .project_return_img img {
        height: auto
    }
}

.project_detail .project_return .project_return_lead {
    font-weight: bold
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .project_return_lead {
        font-size: 16px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return .project_return_lead {
        font-size: 14px;
        margin-bottom: 16px
    }
}

.project_detail .project_return .project_return_wrap {
    border-right: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .project_return_wrap {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return .project_return_wrap {
        margin-bottom: 20px
    }
}

.project_detail .project_return .project_return_wrap li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .project_return_wrap li {
        height: 48px;
        width: 119px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .project_return .project_return_wrap li {
        height: 36px;
        width: 49.66887%
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return .project_return_wrap li {
        height: 36px;
        width: 49.66887%
    }
}

.project_detail .project_return .project_return_wrap li:nth-child(1) {
    border-right: solid 1px #dcdcdc
}

.project_detail .project_return .project_return_wrap.single_list li:nth-child(1) {
    width: 100%;
    border-right: none
}

.project_detail .project_return .project_return_wrap .label {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .project_return_wrap .label {
        font-size: 12px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return .project_return_wrap .label {
        font-size: 10px;
        margin-bottom: 6px
    }
}

.project_detail .project_return .project_return_wrap .data {
    font-size: 14px
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .js-accordion-inner {
        padding-bottom: 15px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return .js-accordion-inner {
        padding-bottom: 16px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .project_return_txt {
        font-size: 14px;
        line-height: 1.71em;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return .project_return_txt {
        font-size: 14px;
        line-height: 1.57em;
        margin-bottom: 20px
    }
}

.project_detail .project_return .purchase_btn a {
    color: #fff;
    border: solid 1px transparent;
    background-color: #1ec39a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .purchase_btn a {
        height: 48px
    }

    .project_detail .project_return .purchase_btn a:hover {
        border-color: #1ec39a;
        background-color: #fff;
        color: #1ec39a;
        text-decoration: none
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return .purchase_btn a {
        font-size: 14px;
        height: 52px
    }
}

.project_detail .project_return .accordion_btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    height: 32px;
    margin: 0 auto
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return .accordion_btn a {
        width: 160px
    }

    .project_detail .project_return .accordion_btn a:hover {
        text-decoration: none
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .project_return .accordion_btn a {
        width: 100%
    }
}

.project_detail .project_return .accordion_btn.more {
    display: block
}

.project_detail .project_return .accordion_btn.close {
    display: none
}

.project_detail .project_return .accordion_btn.more a {
    background-color: #1ec39a;
    border: none;
    color: #ffffff
}

.project_detail .project_return .accordion_btn.more a:hover {
    opacity: 0.6
}

.project_detail .project_return .accordion_btn.close a {
    background-color: #ffffff;
    border: solid 1px #1ec39a;
    color: #1ec39a
}

.project_detail .project_return .accordion_btn.close a:hover {
    opacity: 0.6
}

.project_detail .project_return .project_return_inner {
    max-height: 0;
    overflow: hidden
}

.project_detail .project_return .accordion_wrap.is-open .more {
    display: none
}

.project_detail .project_return .accordion_wrap.is-open .close {
    display: block
}

.project_detail .project_return .accordion_wrap.is-open .project_return_inner {
    max-height: 1000px
}

.project_detail .project_return .return_more {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 80px;
    background-color: rgba(245, 245, 245, 0.8)
}

.project_detail .project_return .return_more .return_more_btn a {
    display: block;
    border: solid 1px #1ec39a;
    background-color: #1ec39a;
    color: #fff
}

.project_detail .project_return .return_more .return_more_btn a:hover {
    background-color: #fff;
    color: #1ec39a
}

.project_detail .project_return.return_hide .project_return_block:nth-child(11) {
    margin-bottom: 0
}

@media screen and (min-width: 641px),
print {
    .project_detail .project_return.return_hide .project_return_block:nth-child(11) {
        height: 128px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .project_return.return_hide .project_return_block:nth-child(11) {
        height: 132px
    }
}

.project_detail .project_return.return_hide .project_return_block:nth-child(n+12) {
    display: none
}

.project_detail .project_return.return_hide .return_more {
    display: block
}

@media screen and (min-width: 641px),
print {
    .project_detail .ft_other_btn {
        display: none
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .ft_other_btn {
        display: block;
        width: 91.46667%;
        margin: 0 auto
    }
}

@media screen and (max-width: 640px) {
    .project_detail .ft_other_btn {
        width: 91.46667%;
        margin: 0 auto
    }
}

.project_detail .ft_other_btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ff574c;
    color: #ffffff
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .ft_other_btn a {
        font-size: 16px;
        height: 52px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .ft_other_btn a {
        font-size: 16px;
        height: 52px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .btn_wrap {
        display: none
    }
}

.project_detail .btn_wrap a {
    width: 240px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.project_detail .btn_wrap_sp .btn_group a {
    width: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 16px;
    line-height: 46px
}

.project_detail .btn_wrap_sp .btn_group a.btn_default {
    padding: 4px 10px 0;
    font-size: 14px;
    line-height: 1.4em
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .message_inbox {
        padding-top: 20px
    }
}

.project_detail .modal_project_detail .modal_project_block {
    background-color: #ffffff;
    border: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .modal_project_block {
        padding: 23px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 40px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .modal_project_detail .modal_project_block {
        display: block;
        padding: 20px;
        margin-bottom: 32px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .modal_project_detail .modal_project_block {
        padding: 20px;
        margin-bottom: 32px
    }
}

.project_detail .modal_project_detail .return_alert {
    color: #ffffff;
    position: absolute
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .return_alert {
        font-size: 20px;
        top: -50px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .modal_project_detail .return_alert {
        font-size: 14px;
        top: -38px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .modal_project_data {
        width: 224px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .modal_project_detail .modal_project_data {
        width: auto
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .modal_project_txt {
        width: 496px;
        padding-bottom: 68px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .modal_project_detail .modal_project_txt {
        width: auto
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .modal_project_img {
        margin-bottom: 16px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .modal_project_detail .modal_project_img {
        margin-bottom: 12px
    }

    .project_detail .modal_project_detail .modal_project_img img {
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .project_detail .modal_project_detail .modal_project_img {
        margin-bottom: 12px
    }

    .project_detail .modal_project_detail .modal_project_img img {
        width: 100%;
        height: auto
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .modal_project_info {
        border-top: solid 1px #dcdcdc
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .modal_project_detail .modal_project_info {
        border-top: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .modal_project_detail .modal_project_info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px
    }
}

.project_detail .modal_project_detail .modal_project_info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .modal_project_info li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: solid 1px #dcdcdc;
        height: 34px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .modal_project_detail .modal_project_info li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-right: solid 1px #dcdcdc;
        border-bottom: none;
        width: 33.05785%;
        height: 38px
    }

    .project_detail .modal_project_detail .modal_project_info li:last-child {
        border-right: none
    }
}

@media screen and (max-width: 640px) {
    .project_detail .modal_project_detail .modal_project_info li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-right: solid 1px #dcdcdc;
        width: 33.05785%;
        height: 38px
    }

    .project_detail .modal_project_detail .modal_project_info li:last-child {
        border-right: none
    }
}

.project_detail .modal_project_detail .modal_project_info .label {
    color: #888
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .modal_project_info .label {
        font-size: 12px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .modal_project_detail .modal_project_info .label {
        font-size: 10px;
        margin-bottom: 7px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .modal_project_info .data {
        font-size: 14px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .modal_project_detail .modal_project_info .data {
        font-size: 12px
    }
}

.project_detail .modal_project_detail .modal_project_txt {
    position: relative
}

.project_detail .modal_project_detail .modal_project_lead {
    font-weight: bold
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .modal_project_lead {
        font-size: 16px;
        line-height: 1.75em;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .modal_project_detail .modal_project_lead {
        font-size: 14px;
        line-height: 1.57em;
        margin-bottom: 10px
    }
}

.project_detail .modal_project_detail .modal_project_desc {
    font-size: 14px;
    line-height: 1.71em
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .modal_project_detail .modal_project_desc {
        margin-bottom: 19px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .modal_project_detail .modal_project_desc {
        margin-bottom: 19px
    }
}

.project_detail .modal_project_detail .purchase_block {
    border: solid 1px #1ec39a
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .purchase_block {
        position: absolute;
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .modal_project_detail .purchase_block {
        position: static;
        display: block
    }
}

.project_detail .modal_project_detail .purchase_block .price {
    text-align: center;
    color: #1ec39a
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .purchase_block .price {
        font-size: 22px;
        width: 206px;
        line-height: 46px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .modal_project_detail .purchase_block .price {
        width: auto
    }
}

@media screen and (max-width: 640px) {
    .project_detail .modal_project_detail .purchase_block .price {
        font-size: 18px;
        line-height: 30px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .purchase_block .purchase_btn {
        width: 288px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .modal_project_detail .purchase_block .purchase_btn {
        width: auto
    }
}

.project_detail .modal_project_detail .purchase_block .purchase_btn a {
    color: #ffffff;
    background-color: #1ec39a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 641px),
print {
    .project_detail .modal_project_detail .purchase_block .purchase_btn a {
        height: 46px;
        font-size: 16px
    }

    .project_detail .modal_project_detail .purchase_block .purchase_btn a:hover {
        text-decoration: none
    }
}

@media screen and (max-width: 640px) {
    .project_detail .modal_project_detail .purchase_block .purchase_btn a {
        height: 51px;
        font-size: 14px
    }
}

.project_detail .limited_url_block {
    background-color: #393939
}

@media screen and (min-width: 641px),
print {
    .project_detail .limited_url_block {
        padding-top: 72px;
        padding-bottom: 72px;
        margin-bottom: 72px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .limited_url_block {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.project_detail .limited_url_block .limited_url_wrap {
    border: solid 1px #dcdcdc;
    background-color: #ffffff
}

.project_detail .limited_url_block .limited_url_inner {
    position: relative
}

@media screen and (min-width: 641px),
print {
    .project_detail .limited_url_block .limited_url_inner {
        padding: 40px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .limited_url_block .limited_url_inner {
        padding: 20px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .limited_url_block .limited_url_inner {
        padding: 20px
    }
}

.project_detail .limited_url_block .limited_url_inner:nth-child(2) {
    border-top: solid 1px #dcdcdc;
    background-color: #f5f5f5
}

.project_detail .limited_url_block .limited_url_lead {
    font-weight: bold;
    position: relative
}

@media screen and (min-width: 641px),
print {
    .project_detail .limited_url_block .limited_url_lead {
        font-size: 16px;
        padding-left: 20px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .limited_url_block .limited_url_lead {
        font-size: 14px;
        line-height: 1.5em;
        padding-left: 25px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .limited_url_block .limited_url_lead {
        font-size: 14px;
        line-height: 1.5em;
        padding-left: 25px;
        margin-bottom: 15px
    }
}

.project_detail .limited_url_block .limited_url_lead:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/icon_key.png) no-repeat left center;
    background-size: contain;
    width: 12px;
    height: 16px
}

@media screen and (max-width: 640px) {
    .project_detail .limited_url_block .limited_url_lead:before {
        top: 2px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .limited_url_block .limited_url_txt {
        font-size: 16px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .limited_url_block .limited_url_txt {
        font-size: 14px;
        line-height: 1.57em;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .limited_url_block .limited_url_txt {
        font-size: 14px;
        line-height: 1.57em;
        margin-bottom: 15px
    }
}

@media screen and (min-width: 641px),
print {
    .project_detail .limited_url_block .limited_url_btn {
        width: 180px;
        position: absolute;
        top: 40px;
        right: 40px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .limited_url_block .limited_url_btn {
        position: static;
        width: 140px;
        margin: 0 auto
    }
}

@media screen and (max-width: 640px) {
    .project_detail .limited_url_block .limited_url_btn {
        width: 140px;
        margin: 0 auto
    }
}

.project_detail .limited_url_block .limited_url_btn a {
    color: #fff;
    border: solid 1px #1ec39a;
    background-color: #1ec39a
}

@media screen and (min-width: 641px),
print {
    .project_detail .limited_url_block .limited_url_btn a:hover {
        color: #1ec39a;
        background-color: #fff;
        text-decoration: none
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .limited_url_block .limited_url_btn a {
        font-size: 14px;
        line-height: 42px
    }
}

@media screen and (max-width: 640px) {
    .project_detail .limited_url_block .limited_url_btn a {
        font-size: 14px;
        line-height: 42px
    }
}

.project_detail .limited_url_block .limited_url_inner .limited_url_how {
    font-weight: bold
}

@media screen and (min-width: 641px),
print {
    .project_detail .limited_url_block .limited_url_inner .limited_url_how {
        font-size: 14px;
        margin-bottom: 10px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .limited_url_block .limited_url_inner .limited_url_how {
        font-size: 12px;
        line-height: 1.58em
    }
}

@media screen and (max-width: 640px) {
    .project_detail .limited_url_block .limited_url_inner .limited_url_how {
        font-size: 12px;
        line-height: 1.58em
    }
}

.project_detail .limited_url_block .limited_url_inner ul li {
    padding-left: 1em;
    text-indent: -1em
}

@media screen and (min-width: 641px),
print {
    .project_detail .limited_url_block .limited_url_inner ul li {
        font-size: 14px;
        line-height: 1.71em
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .project_detail .limited_url_block .limited_url_inner ul li {
        font-size: 12px;
        line-height: 1.58em
    }
}

@media screen and (max-width: 640px) {
    .project_detail .limited_url_block .limited_url_inner ul li {
        font-size: 12px;
        line-height: 1.58em
    }
}

@media screen and (min-width: 641px),
print {
    .news .news_wrap {
        padding-bottom: 56px
    }
}

@media screen and (max-width: 640px) {
    .news .news_wrap {
        padding-bottom: 40px
    }
}

.news .news_item {
    background-color: #ffffff;
    border: solid 1px #dcdcdc
}

@media screen and (min-width: 641px),
print {
    .news .news_item {
        margin-bottom: 24px;
        padding: 24px;
        font-size: 14px;
        line-height: 1.57em;
        cursor: pointer
    }
}

@media screen and (max-width: 640px) {
    .news .news_item {
        margin-bottom: 12px;
        padding: 15px;
        font-size: 14px;
        line-height: 1.57em
    }
}

.news .news_item_txt {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1)
}

@media screen and (min-width: 641px),
print {
    .news .item_inner {
        padding-top: 24px
    }
}

@media screen and (max-width: 640px) {
    .news .item_inner {
        margin-top: 20px
    }
}

.news .item_inner p {
    margin-bottom: 1em
}

.news .item_inner p:last-child {
    margin-bottom: 0
}

.news .item_inner img {
    max-width: 100%
}

.news .is-open {
    border-color: #ff574c
}

.news .is-open .news_item_ttl {
    color: #ff574c
}

.receipt_confirm .page_ttl_sub em {
    color: #ff574c
}

@media screen and (min-width: 641px),
print {
    .receipt_confirm .page_ttl_sub {
        margin-bottom: 46px
    }
}

@media screen and (max-width: 640px) {
    .receipt_confirm .page_ttl_sub {
        margin-bottom: 30px
    }
}

.receipt_confirm .confirm_block {
    border-bottom: dotted 1px #b5b5b5
}

@media screen and (min-width: 641px),
print {
    .receipt_confirm .confirm_block {
        margin-bottom: 32px;
        padding: 0 2.5% 48px
    }
}

@media screen and (max-width: 640px) {
    .receipt_confirm .confirm_block {
        margin-bottom: 40px;
        padding: 0 0 32px
    }

    .receipt_confirm .confirm_block p {
        font-size: 14px
    }
}

@media screen and (min-width: 641px),
print {
    .receipt_confirm .btn_wrap {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .receipt_confirm .btn_wrap {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 641px),
print {
    .receipt_issue .issue_block {
        padding: 72px 0 64px
    }

    .receipt_issue .issue_block .pdf {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .receipt_issue .issue_block {
        padding: 32px 0 30px
    }

    .receipt_issue .issue_block .receipt {
        display: none
    }

    .receipt_issue .issue_block .pdf {
        text-align: center
    }
}

.receipt_issue .receipt {
    width: 1140px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.42857143
}

.receipt_issue .receipt div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.receipt_issue .receipt p {
    margin: 0 0 10px
}

.receipt_issue .receipt .table>thead>tr>th,
.receipt_issue .receipt .table>thead>tr>td,
.receipt_issue .receipt .table>tbody>tr>th,
.receipt_issue .receipt .table>tbody>tr>td,
.receipt_issue .receipt .table>tfoot>tr>th,
.receipt_issue .receipt .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top
}

.receipt_issue .receipt .item-1 {
    margin-bottom: 10px
}

.receipt_issue .receipt .receipt-name,
.receipt_issue .receipt .receipt-no,
.receipt_issue .receipt .receipt-date {
    display: inline
}

.receipt_issue .receipt .receipt-name {
    margin-left: 500px;
    font-size: 20px;
    letter-spacing: 20px
}

.receipt_issue .receipt .receipt-no {
    margin-left: 160px
}

.receipt_issue .receipt .receipt-no span:last-child {
    margin-left: 20px
}

.receipt_issue .receipt .item-2 {
    margin-bottom: 60px;
    width: 100%
}

.receipt_issue .receipt .service-name {
    width: 30%;
    margin-left: 65px;
    border-bottom: 3px solid;
    padding-bottom: 3px;
    float: left;
    margin-bottom: 60px
}

.receipt_issue .receipt .service-name span:last-child {
    float: right
}

.receipt_issue .receipt .receipt-date {
    margin-left: 400px;
    float: left;
    margin-bottom: 60px
}

.receipt_issue .receipt .receipt-date span:last-child {
    margin-left: 36px
}

.receipt_issue .receipt .item-3 {
    width: 65%;
    float: left;
    margin-bottom: 60px
}

.receipt_issue .receipt .project-name {
    margin-left: 65px;
    margin-bottom: 60px;
    padding-bottom: 8px;
    width: 84%;
    border-bottom: 5px double black
}

.receipt_issue .receipt .project-name span {
    font-weight: 900
}

.receipt_issue .receipt .total-pay {
    margin-left: 65px;
    border-bottom: 5px double black;
    width: 77%;
    padding-bottom: 10px
}

.receipt_issue .receipt .total-pay .label-total-amount {
    font-weight: 700
}

.receipt_issue .receipt .total-pay .amount {
    margin-left: 265px;
    font-weight: 700;
    font-size: 17px
}

.receipt_issue .receipt .total-pay .tax {
    margin-left: 15px
}

.receipt_issue .receipt .total-pay-help {
    margin-left: 65px
}

.receipt_issue .receipt .item-6 {
    width: 35%;
    float: left;
    padding-left: 15px;
    margin-bottom: 60px
}

.receipt_issue .receipt .ml-50 {
    margin-left: 50px
}

.receipt_issue .receipt .b-1 {
    border: 1px solid !important
}

.receipt_issue .receipt .text-center {
    text-align: center
}

.receipt_issue .receipt .text-right {
    text-align: right
}

.receipt_issue .receipt .btn-download {
    padding: 15px 30px;
    background: #27aee2;
    color: white;
    font-size: 20px;
    margin-left: 450px
}

.receipt_issue .receipt .item-7 {
    clear: both
}

.receipt_issue .receipt .btn-download:hover {
    color: white
}

.receipt_issue .receipt .btn-download:focus {
    color: white;
    text-decoration: none
}

.receipt_issue .receipt .w-50 {
    width: 50px
}

.receipt_issue .receipt .w-100 {
    width: 100px
}

.receipt_issue .receipt .w-80 {
    width: 80px
}

.receipt_issue .receipt .w-120 {
    width: 120px
}

.receipt_issue .receipt .w-350 {
    width: 350px
}

.receipt_issue .receipt .w-150 {
    width: 150px
}

@media screen and (min-width: 641px),
print {
    .receipt_issue .btn_wrap {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 640px) {
    .receipt_issue .btn_wrap {
        width: 42.66667%;
        min-width: 160px;
        margin-bottom: 40px
    }
}

@media screen and (min-width: 641px),
print {
    .error .error_wrap {
        width: 544px;
        padding-bottom: 80px
    }

    .error .error_wrap .error_message {
        margin-bottom: 48px;
        text-align: center
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .error .error_wrap {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 640px) {
    .error .error_wrap {
        padding-bottom: 40px
    }

    .error .error_wrap .error_message {
        margin-bottom: 38px
    }
}

@media screen and (min-width: 641px),
print {
    .error .error_ttl {
        text-align: center;
        margin-top: 70px;
        font-size: 28px;
        padding-bottom: 40px;
        border-bottom: dotted 1px #d5d5d5;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    .error .error_ttl {
        font-size: 20px;
        margin-top: 32px;
        margin-bottom: 32px
    }
}

/*css answer*/
.wrap_answer {
    border: 2px solid #dcdcdc;
    background-color: #FFFFFF;
}
.border_answer .title {
    font-size: 23px;
    font-weight: bold;
    margin-top: 12px;
    margin-left: 15px;
}
.border_answer .sub_title {
    line-height: 27px;
    margin: 22px 0px;
}
.btn_setup_answer,
.btn-add-project-qa {
    width: 200px;
    height: 50px;
    background: #3465a4;
    color: white;
    outline: none;
    font-size: 16px;
    border: 1px solid #3465a4;
    cursor: pointer;
}
.btn_setup_answer {
    margin-left: 15px;
}
.btn_setup_answer:hover,
.btn-add-project-qa:hover {
    border-color: #3465a4;
    background-color: #fff;
    color: #3465a4;
}
.content_answer {
    margin-top: 35px;
    line-height: 27px;
}
.loop_question {
    margin-top: 18px;
}
.loop_question .row_header .btn_edit_answer,
.loop_question .row_header .btn_delete_answer,
.btn_edit_answer_append, .btn_delete_answer_append {
    color: white;
    outline: none;
    font-size: 16px;
    cursor: pointer;
    margin: 3px;
    width: 80px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loop_question .row_header .btn_edit_answer,
.loop_question .row_header .btn_delete_answer {
    background: #3465a4;
    border: 1px solid #3465a4;
}
.btn_edit_answer_append,
.btn_delete_answer_append {
    background: #3465a4;
    border: 1px solid #3465a4;
}
.flex100 {
    flex: 0 100% !important;
}
.loop_question .row_header .btn_edit_answer:hover,
.loop_question .row_header .btn_delete_answer:hover {
    border-color: #3465a4;
    background-color: #fff;
    color: #3465a4;
}
.btn_edit_answer_append:hover, .btn_delete_answer_append:hover {
    border-color: #3465a4;
    background-color: #fff;
    color: #3465a4;
}
.select_answer select{
    border: solid 1px #dcdcdc;
    background-color: #fff; width: 150px; height: 40px; padding: 0 8px;
}
.body_modal_answer {
    padding: 25px 15px;
    background: white;
    line-height: 27px;
}
.body_modal_answer .title_field {
    color: #ff574c;
    font-weight: bold;
}
.body_modal_answer .border_option {
    margin: 15px 15px 20px 15px;
    border-bottom: 2px dashed #00000026;
}
.body_modal_answer .wrap_option {
    display: flex;
    font-weight: bold;
    padding-bottom: 20px;
}
.wrap_option .display_option {
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.wrap_option .display_option input {
    height: 19px;
    width: 35px;
}
.btn_add_option,
.btn_add_answer,
.wrap_btn_back .close_modal_setup_answer {
    width: 160px;
    height: 43px;
    background: #00000094;
    color: white;
    outline: none;
    font-size: 16px;
    border: 1px solid #00000094;
    cursor: pointer;
}
.btn_add_option:hover,
.btn_add_answer:hover,
.wrap_btn_back .close_modal_setup_answer:hover {
    border-color: #00000094;
    background-color: #fff;
    color: #00000094;
}
.body_modal_answer .current_answer {
    margin: 15px;
}
.current_answer .header {
    display: flex;
    align-items: center;
}
.current_answer .header .title {
    width: 33.33333%;
}
.current_answer .header .wrap_btn_add_answer {
    width: 33.33333%;
    text-align: center;
}
.current_answer .list_answer {
    margin-top: 30px;
}
.row_answer {
    display: flex;
}
.border_wrap_answer {
    margin-top: 5px;
    padding-bottom: 5px;
}
.list_answer .title {
    padding-left: 10px;
}
.row_answer .col_name {
    display: flex; flex: 0.1; align-items: center;
}
.row_answer .col_type {
    display: flex; flex: 0.7;
    padding-right: 5px;
    line-height: 22px;
}
.row_answer .col_type input {
    width: 100%; margin-right: 12px; border-radius: unset; height: 24px; padding: 6px 16px;
}
.row_answer .col1_btn {
    display: flex; flex: 0.2; align-items: center;
}
.row_answer .col2_btn {
    display: flex; flex: 0.2; flex-direction: row;
    align-items: center;
}
.row_answer .col1_btn .btn_edit,
.row_answer .col2_btn .btn_edit {
    position: relative;
    right: 10px;
}
.row_answer .col2_btn .btn_delete {
    position: relative;
    right: 1px;
}
.row_answer .col1_btn .btn_edit,
.row_answer .col2_btn .btn_edit,
.row_answer .col2_btn .btn_delete {
    background: #00000094;
    color: white;
    outline: none;
    font-size: 16px;
    border: 1px solid #00000094;
    cursor: pointer;

    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 50%;
    height: 38px;
}
.row_answer .col1_btn .btn_edit:hover,
.row_answer .col2_btn .btn_edit:hover,
.row_answer .col2_btn .btn_delete:hover {
    border-color: #00000094;
    background-color: #fff;
    color: #00000094;
}
.wrap_btn_back {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.circle_number {
    border: 1px solid #393939;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2px;
}
.circle_number span {
    font-size: 12px;
}
.list_answer .content {
    max-height: 320px;
    overflow-x: auto;
}
.disable_qa {
    border: none !important;
}
.disable_qa:focus {
    outline: none;
}
.error {
    color: #ff574c;
}
.error_border {
    border-color: #ff574c !important;
}
.is_hide {
    display: none !important;
}
.checkbox_question,
.checkbox_question .checkbox_wrap {
    width: 100% !important;
}
.checkbox_question .checkbox_icon {
    display: inline-table !important;
}
.checkbox_question span {
    line-height: 22px;
}
.description_qa {
    margin-bottom: 25px;
}
.description_qa .ex_question {
    display: flex;
}
.description_qa .ex_question span:nth-child(1) {
    margin-right: 15px;
}
.description_qa .ex_answer {
    margin-left: 40px;
}
#btn-add-qa {
    width: 160px;
    height: 43px;
    outline: none;
    font-size: 16px;
    border: solid 1px transparent;
    background-color: #ff574c;
    color: #fff;
    cursor: pointer;
    margin-left: 10px;
}
#btn-add-qa:hover {
    border-color: #ff574c;
    background-color: transparent;
    color: #ff574c;
}
.ui-dialog .ui-dialog-buttonpane button {
    background: #3465a4;
    border: 1px #3465a4;
    color: #FFF;
}
.ui-dialog .ui-dialog-buttonpane button:focus {
    border: 1px transparent;
}
.message-dialog {
    line-height: 26px;
}
.loop_question .txt_left {
    margin-right: 15px;
}
.loop_question .txt_right {
    display: flex; flex: 1;
}
.loop_question .list_choice,
.loop_question .list_choice .txt_left {
    display: flex; align-items: baseline;
}
.loop_question .wrap_action {
    display: flex;
    margin-top: 8px;
}
.loop_question .row_header .btn_edit_answer {
    margin-right: 10px;
}
.d_flex {
    display: flex;;
}
@media screen and (min-width: 768px), print {
    .border_answer {
        padding: 30px;
    }
}
@media screen and (min-width: 1024px), print {
    .modal_setup_answer .modal_window {
        width: 960px;
    }
}
@media screen and (max-width: 640px) {
    .border_answer {
        padding: 20px 15px;
    }
    .body_modal_answer .wrap_option {
        display: inline-block;
    }
    .wrap_option .display_option {
        padding-left: 0px;
    }
    .current_answer .header {
        display: inline;
    }
    .current_answer .header .title {
        width: 100%;
    }
    .current_answer .header .wrap_btn_add_answer {
        width: 100%;
        margin-top: 20px;
    }
    .current_answer .list_answer {
        margin-top: 25px;
    }
    .row_answer .col_name {
        flex: 0.2;
    }
    .row_answer .col_type {
        flex: 0.5;
    }
    .row_answer .col2_btn,
    .row_answer .col1_btn {
        flex: 0.3;
    }
    .body_modal_answer .border_option,
    .body_modal_answer .current_answer {
        margin: 15px 12px 20px 12px;
    }
    .row_answer .col1_btn .btn_edit, .row_answer .col2_btn .btn_edit {
        right: 7px;
    }
    .list_answer .content {
        max-height: 280px;
        overflow-x: auto;
    }
}
/*css answer*/

/* Return purchase-condition notice (premium/ticket/FC/reward-rank gated returns) */
.hidden_sp {
    display: block;

    @media screen and (max-width: 640px) {
        display: none;
    }
}
.return_condition_notice_model {
    margin-top: 24px;
}
.return_condition_notice {
    margin: 16px 0;
}
.return_condition_notice_title {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    margin: 0 0 8px;
    padding: 8px 10px;
    background-color: #FF574C1A;
    color: #FF574C;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.return_condition_notice_desc {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0;
    color: #393939;
    font-size: 12px;
    line-height: 1.6;
}
.return_condition_notice_desc img {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    flex-shrink: 0;
}

/* Return purchase gate popups (login/logout/refetch/refetch-countdown) */
.purchase_gate_modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1200;
}
/* this stylesheet has no generic .hide{display:none} utility (unlike the
   admin theme) - .hide only exists here as a state class scoped to specific
   components, so these purchase-gate elements get their own scoped rules
   instead of relying on a bare .hide */
.js-gate-condition-source,
#purchase-gate-config {
    display: none;
}
.purchase_gate_modal .purchase_gate_close_icon {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.purchase_gate_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.purchase_gate_window {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 92%;
    max-width: 800px;
    max-height: 90vh;
    background: #fff;
    box-sizing: border-box;
}
/* close_btn_t is normally positioned above its box (top: -66px), which would
   get clipped by purchase_gate_window's own overflow-y: auto - keep it
   inside the box instead */
.purchase_gate_window .close_btn_t {
    position: absolute;
    top: -72px;
    right: 0px;
    width: 48px;
    height: 48px;
    cursor: pointer;
}
.purchase_gate_title {
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    color: #393939;
    background: #DCDCDC;
    padding: 13px 40px;
}
.purchase_gate_content {
    padding: 32px 24px;
    height: 100%;
    max-height: 60vh;
    overflow: auto;
}
.purchase_gate_desc {
    font-size: 16px;
    line-height: 150%;
    color: #393939;
    text-align: center;
    max-width: 654px;
    margin: auto;
}
.purchase_gate_condition_box {
    box-sizing: border-box;
    width: 100%;
    max-width: 480px;
    background: #FFF9E8;
    border-radius: 4px;
    padding: 16px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
}
.purchase_gate_condition_title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #393939;
    margin: 0 0 10px;
}
.js-gate-condition-slot {
    background: #ffffff;
    border-radius: 4px;
    border: solid 1px #DCDCDC;
    padding: 8px;
    margin-top: 16px;
}
.purchase_gate_lock_icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.gate_condition_summary_list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12.5px;
    color: #555;
    display: grid;
    gap: 8px;
}
.gate_condition_summary_list li {
    line-height: 150%;
    font-size: 14px;
}
.gate_condition_summary_list b {
    color: #333;
    font-weight: bold;
}
.purchase_gate_action {
    text-align: center;
    margin-top: 40px;
}
.purchase_gate_btn {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 212px;
    margin: auto;
    padding: 8px 12px;
    border: none;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.purchase_gate_btn.js-gate-login-btn,
.purchase_gate_btn.js-gate-refetch-btn {
    background: #ff574c;
    color: #fff;
}
.purchase_gate_btn.js-gate-refetch-btn:disabled {
    background: #f7b6ae;
    cursor: default;
}
.purchase_gate_btn.js-gate-logout-btn {
    background: #232323;
    color: #fff;
}
.purchase_gate_countdown_note.hide {
    display: none;
}
.purchase_gate_countdown_note {
    text-align: center;
    font-size: 12px;
    color: #999;
    margin: 12px 0 0;
}
.purchase_gate_countdown_note .js-gate-countdown-text {
    color: #ff574c;
}
.purchase_gate_clock_icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    object-fit: contain;
    margin-right: 2px;
    vertical-align: middle;
}
.js-gate-guard.js-gate-checking,
.js-gate-guard.js-gate-checking:hover {
    cursor: not-allowed;
}
.purchase_btn .js-gate-checking, .purchase_btn .js-gate-checking:hover {
    color: #ffffff !important;
    opacity: .5;
}