@charset "utf-8";  input:focus { outline: none;}
 textarea:focus { outline: none;}
  .board_request{ font-size: 17px; text-align: left;}
 .box_step{ margin-bottom: 75px;}
 .box_step .chk_service{overflow: hidden}
 .box_step .tit{margin-bottom: 40px; font-size: 21px;}
 .box_step .chk_service li{ float:left; width:19.2%; margin-right:1%; box-sizing: border-box; border: 1px solid #959595; margin-bottom: 14px; height: 50px; line-height: 50px;}
 .box_step .chk_service li:nth-child(5n){margin-right: 0;}
 .box_step .chk_service li a{display: block; width: 100%; height: 100%; text-align: center; box-sizing: border-box }
 .box_step .chk_service li a:hover{border: 2px solid #000; line-height: 46px;}
 .box_step .chk_service li.chk a{ background-color:#f5eef2; border: 2px solid #000; line-height: 46px;}
 .box_step .chk_service li.chk a:after{content: ''; display: inline-block; background: url("/images/www/sub/board_add_sp.png?build_20250626002") -5px -9px no-repeat; width:23px; height:16px; vertical-align: middle; margin-left: 10px; }
 .box_step .input_list{ overflow: hidden;}
 .box_step .input_list li{float: left; width: 47%; margin-right: 6%; border-bottom: 1px solid #000; height: 57px; line-height: 57px; margin-bottom: 10px;}
 .box_step .input_list li:nth-child(2n){margin-right: 0;}
 .box_step .input_list li label,.box_step .input_list li .txt_label{ color: #898989; width: 25%; display: inline-block;}
 .box_step .input_list li input[type=text]{border: none; width: 70%;}
 .box_step .input_list li input.datetime{width: 190px !important; text-align: center;}
 .label_hidden{ display: block; position: absolute; top:-99999px;}
 .box_step .input_list li span.period{ display: inline-block; margin-right: 10px;}
 .essential{ display: inline-block; text-indent: -99999px; background: url("/images/www/sub/board_add_sp.png?build_20250626002") -704px -60px no-repeat; width: 10px; height: 33px; }
 .box_step .tit .essential{ width: 10px; height: 20px; background-position: -704px -75px; }
 .box_step .textarea_box{position: relative; }
 .box_step .textarea_box label.text_base{ position: absolute; top:20px; left: 20px;}
 .box_step .textarea_box textarea{ border:1px solid #000; padding: 20px; box-sizing: border-box; width: 100%;}
 .step_03 .textarea_box textarea{ height: 230px;}
 .step_04 .textarea_box textarea{ height: 180px;}
 .agree_area{ margin-top: 30px; font-size:21px; text-align: center; }
 .agree_area input[type=checkbox]{width:21px; height: 21px; border: 1px solid #000;}
 .board_request .btn_area{border-top:2px solid #000; text-align: center; padding: 60px 0;}
 .board_request .btn_area a{display: inline-block; height: 60px; line-height: 60px; box-sizing: border-box; border:1px solid #000; border-radius: 4px; background-color: #f2f2f2; padding: 0 40px; }
 .board_request .btn_area a:after{content:''; display: inline-block; background: url("/images/www/sub/board_add_sp.png?build_20250626002") -4px -50px no-repeat; width:35px; height:21px; vertical-align: middle; margin-left: 10px; }
  .board_request_view{ font-size: 17px;}
 .board_request_view .box_detail{margin-bottom: 50px;}
 .board_request_view .box_tit{ font-size: 21px; margin-bottom: 25px;border-bottom:2px solid #000; height: 50px; line-height: 50px;}
 .board_request_view .txt_service{ font-size:25px; color: #bf5b92; }
 .board_request_view .input_list{ overflow: hidden;}
 .board_request_view .input_list li{float: left; width: 47%; margin-right: 6%; border-bottom: 1px solid #000; height: 57px; line-height: 57px; margin-bottom: 10px;}
 .board_request_view .input_list li:nth-child(2n){margin-right: 0;}
 .board_request_view .input_list li .tit{ color: #898989; width: 25%; display: inline-block;}
 .board_request_view .input_list li .cont{border: none; width: 70%;}
 .board_request_view .input_list li .long_txt{ font-size: 15px; }
 .board_request_view .input_list li .company{font-size: 23px;}
 .board_request_view .txt_content{ padding-bottom: 30px; border-bottom: 1px solid #777;}
 .board_request_view .btn_area{ text-align: center;}
 .board_request_view .btn_area a{ display: inline-block; height: 60px; line-height: 60px; box-sizing: border-box; border:1px solid #000; border-radius: 4px; background-color: #f2f2f2; padding: 0 40px;}
  .portfolio_list{overflow: hidden;}
 .portfolio_list li { float:left; margin:0 35px 50px 0; width:322px; box-sizing: border-box; height:305px;}
  .portfolio_list li:nth-child(4n){margin-right: 0;}
 .portfolio_list li .work { display:block; text-align:center;}
 .portfolio_list li span { display:block;}
 .portfolio_list li .img { height:227px; margin-bottom:15px; position:relative;}
 .portfolio_list li .date { font-size:17px; color:#605f5f;}
 .portfolio_list li .tit { width:100%; font-size: 18px; word-break:keep-all;}
 .portfolio_list li .ongoing .img:before { content:""; display:block; position:absolute; z-index:3; top:0; left:0; background-color:rgba(0,0,0,.5); width:322px; height:227px; margin-bottom:15px;}
 .portfolio_list li .ongoing .img:after { content:""; display:block; position:absolute; z-index:4; top:50%; left:50%; margin-top:-22px; margin-left:-44px; width:88px; height:36px; background:url("/images/www/sub/board_add_sp.png?build_20250626002") no-repeat -231px -59px; }
 .portfolio_list li .all_screen .img:after { content:""; display:block; position:absolute; z-index:4; width:60px; height:25px; top:20px; right:20px; background:url("/images/www/sub/board_add_sp.png?build_20250626002") no-repeat -195px -14px; }
 .portfolio_list li .website .img:after { content:""; display:block; position:absolute; z-index:4; width:31px; height:25px; top:20px; right:20px; background:url("/images/www/sub/board_add_sp.png?build_20250626002") no-repeat -224px -14px; }
 .portfolio_list li .mobile .img:after { content:""; display:block; position:absolute; z-index:4; width:17px; height:25px; top:20px; right:20px; background:url("/images/www/sub/board_add_sp.png?build_20250626002") no-repeat -195px -14px; }
 .portfolio_list li a {transition:ease-in-out 0.3s;}
 .portfolio_list li a:hover { margin-top:-10px; margin-bottom:10px;}
  .portfolio_list li.imgnone .work span.img { background-color:#f3f3f3;}
 .portfolio_list li.imgnone .work span.img img { display:none;}
 .wrap_board_bottom{margin: 40px 0; position: relative}
 .wrap_board_bottom .btn_write{ position: absolute; top:0; right: 0; display: inline-block; background-color: #767676; color: #fff; height: 58px; line-height: 58px; padding: 0 33px; border-radius: 3px; }
 .pp_view_wrap .left_detail{ float: left; width:220px; margin-right:65px;}
 .pp_view_wrap .right_detail{ float: left; width:1125px; }
 .pp_view_wrap .left_detail .tit{ font-size: 24px; color: #000; line-height: 34px; margin: 0 0 30px 0; word-break:keep-all;}
 .pp_view_wrap .left_detail .detail_item{ margin-bottom:20px; }
 .pp_view_wrap .left_detail .detail_item span{ line-height: 40px; display: block;}
 .pp_view_wrap .left_detail .detail_item .info_tit{ font-size: 18px; color: #000; border-bottom: 1px solid #c3c3c3;}
 .pp_view_wrap .left_detail .detail_item .info_detail{ font-size: 16px; color: #5d5d5d; line-height:24px; padding-top:13px;}
 .pp_view_wrap .left_detail .btn_site_go{ display:block; height: 60px; line-height: 60px; color: #fff; background-color: #bf5b92; padding: 0 20px; box-sizing: border-box; width:100%; border-radius: 3px; position: relative; font-size: 16px; margin-top: 40px;}
 .pp_view_wrap .left_detail .btn_site_go:after{content:''; display: block; background: url("/images/www/sub/board_add_sp.png?build_20250626002") -114px -66px no-repeat; width:31px; height:25px; position: absolute; top:17px; right:22px; }
 .pp_view_wrap .right_detail .btn_area{ margin: 118px 0 0 0; overflow: hidden}
 .pp_view_wrap .right_detail .btn_area a{height: 60px; line-height: 60px; display: inline-block; background-color: #767676; color: #fff; font-size: 16px; text-align: center; padding: 0 34px; border-radius: 3px;}
 .pp_view_wrap .right_detail .btn_area a:hover{background-color:#bf5b92;transition:ease-in-out 0.3s; }
 .pp_view_wrap .right_detail .btn_admin_area{ float: left}
 .pp_view_wrap .right_detail .btn_navi_area{ float: right}
 .pp_view_wrap .right_detail .btn_area a#v_btn_modify { margin:0 10px;}
 .pp_view_wrap .right_detail .btn_navi_area .btn_prev:before{ content:''; display: inline-block; background: url("/images/www/sub/board_add_sp.png?build_20250626002") -398px -22px no-repeat; width: 16px; height:14px; margin-right:14px; vertical-align: middle; }
 .pp_view_wrap .right_detail .btn_navi_area .btn_list span{ display: inline-block; background: url("/images/www/sub/board_add_sp.png?build_20250626002") -539px -16px no-repeat; width: 26px; height:24px; vertical-align: middle; text-indent: -9999px; }
 .pp_view_wrap .right_detail .btn_navi_area .btn_list{padding: 0 18px; margin: 0 10px;}
 .pp_view_wrap .right_detail .btn_navi_area .btn_next:after{ content:''; display: inline-block; background: url("/images/www/sub/board_add_sp.png?build_20250626002") -689px -22px no-repeat; width: 16px; height:14px; margin-left:14px; vertical-align: middle; }